npm - olp-table - Versions diffs - 7.2.41 → 7.2.42 - Mend

olp-table 7.2.41 → 7.2.42

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.

Files changed (5) hide show

package/olp-table.common.js CHANGED Viewed

@@ -12732,7 +12732,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OTMixinColumnMethod: function() { return /* binding */ OTMixinColumnMethod; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"vue\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.iterator.some.js */ \"./node_modules/core-js/modules/es.iterator.some.js\");\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _utils_columnProp__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/utils/columnProp */ \"./src/utils/columnProp.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/utils/FilterType.js */ \"./src/utils/FilterType.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__);\n\n\n\n\n\n\n\n\n\n\n\nfunction setColumnParams(column, key, value) {\n  if (value === undefined) {\n    return;\n  }\n  if (!column['params']) {\n    column['params'] = {};\n  }\n  column['params'][key] = value;\n}\nconst OTMixinColumnMethod = {\n  methods: {\n    setColumnCssClass(o) {\n      if (o.dictCode) {\n        let vals = this.dictVal(o.dictCode);\n        let cssClass = {};\n        if (vals) {\n          let dictValueLabel = {};\n          for (let obj of vals) {\n            dictValueLabel[obj.dictValue] = obj.dictLabel;\n            if (obj.cssClass) {\n              let css = obj.cssClass.trim();\n              try {\n                css = css.replace(/([a-zA-Z_]\\w*):/g, '\"$1\":').replace(/'/g, '\"');\n                css = JSON.parse(css);\n                if (Array.isArray(css)) {\n                  let data = {};\n                  if (css[0]) {\n                    data['backgroundColor'] = css[0];\n                  }\n                  if (css[1]) {\n                    data['color'] = css[1];\n                  }\n                  cssClass[obj.dictValue] = data;\n                } else {\n                  cssClass[obj.dictValue] = css;\n                }\n              } catch (e) {\n                console.error(\"列名：\", o.title, \"数据字典：\", obj.dictLabel, \"样式异常：\", css);\n              }\n            }\n          }\n          setColumnParams(o, 'dictValueLabel', dictValueLabel);\n        }\n        if (Object.keys(cssClass).length != 0) {\n          setColumnParams(o, 'cssClass', cssClass);\n        }\n      }\n    },\n    initColumn(columns, tableConfig) {\n      this.table.mergeFields = [];\n      let items = [];\n      columns = columns.sort(({\n        sort: a\n      }, {\n        sort: b\n      }) => a - b);\n      for (let column of columns) {\n        this.toParseOtherProp(column);\n      }\n      this.table.columnSource = JSON.parse(JSON.stringify(columns));\n      let {\n        optionJson,\n        seq\n      } = tableConfig;\n      if (optionJson) {\n        optionJson = JSON.parse(optionJson);\n      }\n      let enableFilter = optionJson?.table?.enableFilter;\n      let hasEditConfig = this.hasEditConfig();\n      for (let o of columns) {\n        this.setColumnCssClass(o);\n        this.initFormatter(o);\n        this.initSlots(o);\n        this.setTreeOpenColumn(o, tableConfig);\n        this.setMergeField(o);\n        this.setColumnShowOverFlow(o, optionJson);\n        this.setProp(o);\n        this.setColumnHide(o);\n        this.setFixed(o);\n        this.setShowFooter(o);\n        this.getVNode(o, items);\n        if (enableFilter) {\n          this.setFilters(o);\n        }\n        // 可编辑配置\n        if (hasEditConfig) {\n          this.setEditConfig(o);\n        }\n      }\n      items.sort(({\n        searchSort: a\n      }, {\n        searchSort: b\n      }) => a - b);\n      this.setSearchArea(items);\n      columns = this.initBodyLeftColumn(columns, seq);\n      if (this.table['show-footer']) {\n        if (!columns[0].width || columns[0].width < 55) {\n          columns[0].width = 55;\n        }\n      }\n      this.table.columns = columns;\n\n      // console.info('表格',this.table)\n      // console.info('表格配置信息',this.table.columnSource)\n\n      this.setColumnFormatter(this, '24', 'department'); //部门选择器的Formatter\n      this.setColumnFormatter(this, '25', 'role'); //角色选择器的Formatter\n      this.setColumnFormatter(this, '26', 'post'); //岗位选择器的Formatter\n      this.setColumnFormatter(this, '27', 'user'); //人员选择器的Formatter\n\n      //暂时不合并，启用虚拟滚动\n      this.initMergeCells();\n    },\n    /**\r\n     * 动态设置列的 formatter（将值映射为字典标签）\r\n     * @param {Object} context - Vue 组件实例（this）\r\n     * @param {String} selectDomValue - 匹配的 selectDom 值（如 '24'）\r\n     * @param {String} typeField - 动态列配置属性名（如 'department'）\r\n     */\n    setColumnFormatter(context, selectDomValue, typeField) {\n      const configListProp = typeField + 'ColumnsConfig';\n      const dictPropName = typeField + 'Dict';\n\n      // 1. 过滤出目标列配置\n      const configList = context.table.columnSource.filter(item => item.selectDom === selectDomValue);\n      context.table.other[configListProp] = configList;\n\n      // console.info(`动态列配置（${configListProp}）:`, configList);\n\n      // 2. 如果存在目标列，设置 formatter\n      if (configList.length > 0) {\n        configList.forEach(columnConfig => {\n          const targetColumn = context.table.columns.find(col => col.field === columnConfig.field);\n          if (targetColumn) {\n            targetColumn.formatter = ({\n              cellValue\n            }) => {\n              // 检查是否是类似'[1,2]'的数组字符串\n              // if (typeof cellValue === 'string' && cellValue.startsWith('[') && cellValue.endsWith(']')) {\n              if (typeof cellValue === 'string') {\n                try {\n                  // 尝试解析为数组\n                  let values = {};\n                  if (cellValue.startsWith('[') && cellValue.endsWith(']')) {\n                    values = JSON.parse(cellValue);\n                  } else if (cellValue.includes(',')) {\n                    values = JSON.parse('[' + cellValue + ']');\n                  }\n                  if (Array.isArray(values)) {\n                    // 查找所有匹配的字典项并拼接标签\n                    const labels = values.map(value => {\n                      const dictItem = context.table.other[dictPropName]?.find(item => item.value == value // 使用宽松相等比较\n                      );\n                      return dictItem ? dictItem.label : value;\n                    });\n                    return labels.join(','); // 用逗号连接标签\n                  }\n                } catch (e) {\n                  // 解析失败，按原样处理\n                }\n              }\n              const dictItem = context.table.other[dictPropName]?.find(item => item.value === cellValue);\n              return dictItem ? dictItem.label : cellValue; // 显示标签或原值\n            };\n          }\n        });\n      }\n    },\n    hasEditConfig() {\n      return this.table.editConfig && (this.table.editConfig.enabled === true || typeof this.table.editConfig.enabled === 'string' && this.table.editConfig.enabled.toLowerCase() === 'true');\n    },\n    setEditConfig(o) {\n      if (o.tableSaveToOtherProp && o.tableSaveToOtherProp == '1') {\n        return;\n      }\n      if (o.selectDom == '1') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 文本域\n      if (o.selectDom == '10') {\n        o.editRender = {\n          name: 'textarea',\n          props: {\n            type: 'textarea',\n            // 指定为多行文本框\n            placeholder: '请输入' + o.title,\n            rows: 3,\n            // 默认显示行数\n            autosize: {\n              minRows: 2,\n              maxRows: 6\n            },\n            // 自动调整高度\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 数字\n      if (o.selectDom == '7') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            type: this.getType(o.selectDom),\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 时间\n      if (o.selectDom == '3' || o.selectDom == '6') {\n        o.editRender = {\n          name: 'VxeInput',\n          props: {\n            type: this.getType(o.selectDom),\n            valueFormat: 'yyyy-MM-dd HH:mm:ss'\n          }\n        };\n      }\n      // 下拉框\n      if (o.selectDom == '2' || o.selectDom == '8') {\n        o.editRender = {\n          name: 'VxeSelect',\n          options: this.dictVal(o.dictCode),\n          props: {\n            placeholder: '请选择' + o.title\n          }\n        };\n      }\n      if (o.selectDom == '5') {\n        console.log('复选框：', o);\n        // o.slotsName = 'checkbox_default';\n        // o.slots = {\n        //     default: 'checkbox_default'\n        // }\n        o.slots = {\n          default: ({\n            row,\n            column\n          }) => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"vxe-checkbox\"), {\n            \"modelValue\": row[column.field],\n            \"onUpdate:modelValue\": $event => row[column.field] = $event,\n            \"checkedValue\": 1,\n            \"uncheckedValue\": 0\n          }, null)\n        };\n      }\n    },\n    getType(selectDom) {\n      if (selectDom == '3') {\n        return 'datetime';\n      }\n      if (selectDom == '6') {\n        return 'date';\n      }\n      if (selectDom == '7') {\n        return 'number';\n      }\n    },\n    /**\r\n     * 初始化列左边\r\n     * @param columns\r\n     * @param type\r\n     * @returns {*}\r\n     */\n    initBodyLeftColumn(columns, type) {\n      const hasSeqColumn = columns.some(col => ['seq', 'sequence', '序号'].includes(col.field || col.prop || col.type));\n      if (type == 1 && !hasSeqColumn) {\n        columns.unshift({\n          type: 'seq',\n          width: 55,\n          title: '序号',\n          fixed: 'left'\n        });\n      }\n      const hasCheckboxColumn = columns.some(col => ['checkbox'].includes(col.type));\n      const hasRadioColumn = columns.some(col => ['radio'].includes(col.type));\n      if (this.selectBox == 2 && !hasCheckboxColumn) {\n        columns.unshift({\n          type: 'checkbox',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      } else if (this.selectBox == 1 && !hasRadioColumn) {\n        columns.unshift({\n          type: 'radio',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      }\n      return columns;\n    },\n    setTreeOpenColumn(o, tableConfig) {\n      if (tableConfig.tree == 1 && o.field == tableConfig.openColumn) {\n        o.treeNode = true;\n        if (!o.align) {\n          o.align = 'left';\n        }\n      }\n    },\n    setMergeField(column) {\n      if (column.mergeFlag == '1') {\n        this.table.mergeFields.push(column.field);\n      }\n    },\n    setColumnHide(o) {\n      //隐藏\n      if (o.visible == \"0\") {\n        o.visible = false;\n      }\n    },\n    initFormatter(o) {\n      try {\n        if (o.formatter) {\n          o.formatter = eval(\"({cellValue, row, column})=>{\" + o.formatter + \"}\");\n        } else if (o.dictCode) {\n          o.formatter = eval(\"\" + \"({cellValue, row, column})=>{if(column.params && column.params.dictValueLabel){ let dictValueLabelElement = column.params.dictValueLabel[cellValue];if(dictValueLabelElement){return dictValueLabelElement;} }return  cellValue}\");\n        }\n      } catch (e) {\n        console.log(o.title, \"formatter异常：\", o.formatter);\n        this.$message.error(o.title + \"formatter异常!\");\n      }\n    },\n    initSlots(o) {\n      if (o.selectDom == 20) {\n        o.slotsName = 'img_default';\n        o.slots = {\n          default: 'img_default'\n        };\n      }\n      if (o.selectDom == '21') {\n        o.slotsName = 'icon_default';\n        o.slots = {\n          default: 'icon_default'\n        };\n      }\n      if (o.selectDom == '23') {\n        o.slotsName = 'video_default';\n        o.slots = {\n          default: 'video_default'\n        };\n      }\n    },\n    /**\r\n     * 播放器初始化\r\n     * @param player\r\n     */\n    handleReady(player) {\n      console.log(' 播放器已初始化', player);\n      this.player = player;\n    },\n    /**\r\n     * 视频播放\r\n     */\n    handlePlay() {\n      console.log(' 视频开始播放');\n    },\n    changeToChinese() {\n      console.log(\"this.playerOptions.value.player\", this.player);\n    },\n    handlePlay1() {\n      console.log(' 视频开始播放');\n      this.$refs.playerRef.player.play(); // 通过ref调用播放器方法\n      this.showCustomModal.value = false;\n    },\n    setFixed(item) {\n      //修改固定字段的值\n      if (item.fixed === '1') {\n        item.fixed = 'left';\n      } else if (item.fixed === '2') {\n        item.fixed = 'right';\n      }\n      if (item.align === '1') {\n        item.align = 'left';\n      } else if (item.align === '2') {\n        item.align = 'right';\n      } else if (item.align === '0') {\n        item.align = 'center';\n      }\n    },\n    setProp(item) {\n      item.resizable = undefined;\n      if (item.sortable != undefined && item.sortable != \"\") {\n        let order = item.field + (item.sortable == 0 ? \" ASC \" : \" DESC \");\n        this.orderByColumns.push(order);\n      }\n      ////时间类型\n      if (!item.width && (item.selectDom == 3 || item.selectDom == 6)) {\n        item.minWidth = 150;\n      } else if (!item.width && item.title) {\n        item.minWidth = item.title.length * 30;\n      }\n    },\n    setShowFooter(item) {\n      if (item['totalToOtherProp']) {\n        this.table['show-footer'] = true;\n      }\n    },\n    toParseOtherProp(item) {\n      //其他属性赋值\n      try {\n        let otherProp = JSON.parse(item?.otherProp || {});\n        item.otherProp = otherProp;\n        for (let key of Object.keys(otherProp)) {\n          item[key] = otherProp[key];\n        }\n      } catch (e) {\n        if (item.otherProp) {\n          console.error(item.field + \"其他属性无法解析：\" + item.otherProp);\n        }\n        item.otherProp = {};\n      }\n      if (item['totalToOtherProp'] === undefined) {\n        item['totalToOtherProp'] = '';\n      }\n    },\n    /**\r\n    * 设置搜索\r\n    * @param items\r\n    */\n    setSearchArea(items) {\n      if (items.length != 0) {\n        items.push({\n          itemRender: {\n            name: '$buttons',\n            children: [{\n              props: {\n                type: 'submit',\n                content: '查询',\n                status: 'primary'\n              },\n              events: {\n                click: this.query\n              }\n            }, {\n              props: {\n                type: 'button',\n                content: '重置'\n              },\n              events: {\n                click: this.resetQuery\n              }\n            }]\n          }\n        });\n        this.table.formConfig.size = this.table.size;\n      }\n      this.table.formConfig.items = items;\n    },\n    setFilters(o) {\n      if (o.dictCode) {\n        o.filters = this.dictVal(o.dictCode);\n        o.filterMultiple = true;\n        o.filterMethod = ({\n          option,\n          row,\n          column\n        }) => {};\n      } else {\n        // o.slots={\n        //     header:'OlTableFilterRender'\n        // }\n        o.filters = [{\n          data: ''\n        }];\n        o.filterMultiple = false;\n        o.filterRender = {\n          name: 'FilterExtend'\n        };\n        o.cellType = this.getType(o.selectDom);\n      }\n      o.filterMethod = this.filterMethod;\n    },\n    filterMethod({\n      option,\n      row,\n      column\n    }) {\n      const {\n        type,\n        value,\n        min,\n        max\n      } = option?.data || {};\n      const cellValue = String(row[column.field]);\n      switch (type) {\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().EQUAL):\n          return this.isEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().NOT_EQUAL):\n          return this.isNotEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().STARTS_WITH):\n          return this.startsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().ENDS_WITH):\n          return this.endsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().CONTAINS):\n          return this.contains(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().BETWEEN):\n          if (column.cellType === 'date' || column.cellType === 'datetime') {\n            return this.dateTimeFilterMethod({\n              cellValue,\n              min,\n              max\n            });\n          }\n          return this.isInRange(cellValue, min, max);\n        default:\n          if (option.value) {\n            return cellValue === option.value;\n          }\n          return true;\n      }\n    },\n    /**\r\n     * 数值范围筛选方法\r\n     * @param cellValue\r\n     * @param min\r\n     * @param max\r\n     * @returns {boolean}\r\n     */\n    isInRange(cellValue, min, max) {\n      const numValue = Number(cellValue) || 0;\n      const numMin = Number(min) || -Infinity;\n      const numMax = Number(max) || Infinity;\n      return numValue >= numMin && numValue <= numMax;\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    endsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.endsWith(item));\n      }\n      return cellValue.endsWith(value);\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    startsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.startsWith(item));\n      }\n      return cellValue.startsWith(value);\n    },\n    /**\r\n     * 判断是否包含\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    contains(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.includes(item));\n      }\n      return cellValue.includes(value);\n    },\n    /**\r\n     * 判断字符串与值是否不相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否不相等\r\n     */\n    isNotEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return !value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue !== value;\n    },\n    /**\r\n     * 比较字符串与值是否相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否相等\r\n     */\n    isEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue === value;\n    },\n    /**\r\n     * 日期时间范围筛选方法\r\n     * @param cellValue 表格数据值\r\n     * @param min 最小值\r\n     * @param max 最大值\r\n     * @returns {boolean}\r\n     */\n    dateTimeFilterMethod({\n      cellValue,\n      min,\n      max\n    }) {\n      if (!min && !max) {\n        return true;\n      }\n      const rowValue = cellValue ? new Date(cellValue) : null;\n      const startDate = min ? new Date(min) : null;\n      const endDate = max ? new Date(max) : null;\n      if (startDate && endDate) {\n        return rowValue >= startDate && rowValue <= endDate;\n      } else if (startDate) {\n        return rowValue >= startDate;\n      } else if (endDate) {\n        return rowValue <= endDate;\n      }\n      return true;\n    },\n    getVNode(o, items) {\n      if (o.selectType == undefined) {\n        return;\n      }\n      //99是范围查询\n      if (o.selectType == 99) {\n        let itemStart = this.initFormConfig(o, 5);\n        let itemEnd = this.initFormConfig(o, 6);\n        //时间范围查询\n        if (o.selectDom == 3 || o.selectDom == 6) {\n          let placeholder = o.selectDom == 3 ? '时间' : '';\n          itemStart.placeholder = '请选择开始日期' + placeholder;\n          delete itemStart.itemRender;\n          itemEnd.placeholder = '请选择结束日期' + placeholder;\n        }\n        items.push(itemStart);\n        items.push(itemEnd);\n      } else {\n        items.push(this.initFormConfig(o));\n      }\n    },\n    initFormConfig(o, type) {\n      let key = o.fieldNameSEARCHToOtherProp != undefined && o.fieldNameSEARCHToOtherProp != '' ? o.fieldNameSEARCHToOtherProp : o.tableField;\n      if (o.tableNameSEARCHToOtherProp != undefined && o.tableNameSEARCHToOtherProp != '') {\n        key = o.tableNameSEARCHToOtherProp + '.' + key;\n      }\n      let item = {\n        align: 'left',\n        field: key,\n        span: 6,\n        searchSort: o.searchSort,\n        title: o.titleSEARCHToOtherProp != undefined ? o.titleSEARCHToOtherProp : o.title,\n        key: key,\n        type: o.selectType,\n        selectDom: o.selectDom,\n        tableName: o.tableNameSEARCHToOtherProp,\n        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true,\n        toDate: o.toDateSEARCHToOtherProp,\n        itemRender: {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        }\n      };\n      try {\n        this.table.formConfig.data[item.key] = eval(o.valueSEARCHToOtherProp);\n      } catch (e) {}\n      if (type == 5) {\n        item.title = o.title + \"开始\";\n        item.type = 5;\n        item.field = \"$\" + o.tableField;\n        item.key = \"$\" + o.tableField;\n      } else if (type == 6) {\n        item.field = o.tableField + \"$\";\n        item.type = 6;\n        item.key = o.tableField + \"$\";\n        item.title = o.title + \"结束\";\n      }\n      if ((item.type == 6 || item.type == 5) && o.selectDom == undefined) {\n        o.selectDom = 7;\n      }\n      this.getItemRender(o, item, type);\n      if (item.title && item.title.length > 6) {\n        item.titleWidth = 20 * (item.title.length - 2);\n      } else if (item.title.toString().trim().length == 0) {\n        item.titleWidth = 0;\n      }\n      if (o.spanSEARCHToOtherProp != undefined) {\n        item.span = 6;\n      }\n      return item;\n    },\n    getItemRender(o, item, type) {\n      if (o.dictCode) {\n        delete item.itemRender;\n        item.slots = {\n          default: o.selectDom + item.field\n        };\n        item.slotsName = o.selectDom + item.field;\n        item.options = this.dictVal(o.dictCode);\n        item.placeholder = '请选择' + o.title;\n        item.clearable = o.clearableSEARCHToOtherProp != '1';\n        item.multiple = o.selectDom == '8';\n        item.filterable = true;\n      } else if (o.selectDom == 7) {\n        item.itemRender.props.type = 'number';\n      } else if (o.selectDom == 10) {\n        item.itemRender.name = 'textarea';\n      } else if (o.selectDom == 3 || o.selectDom == 6) {\n        delete item.itemRender;\n        item.domDate = true;\n        item.selectType = o.selectType;\n        //这里跟element plus不一样\n        item.domFormat = vue__WEBPACK_IMPORTED_MODULE_0__.version.split('.')[0] == 2 ? 'yyyy-MM-dd' : 'YYYY-MM-DD';\n        if (item.selectDom == 3) {\n          item.domFormat = item.domFormat + ' HH:mm:ss';\n          item.domType = o.selectType == 98 ? \"datetimerange\" : 'datetime';\n        } else {\n          item.domType = o.selectType == 98 ? \"daterange\" : 'date';\n        }\n        item.slots = {\n          default: o.selectDom + item.field + \"_time\"\n        };\n        item.slotsName = o.selectDom + item.field + \"_time\";\n        item.placeholder = '请选择';\n        if (type == 5) {\n          item.placeholder += \"开始\";\n        } else if (type == 6) {\n          item.placeholder += \"结束\";\n        }\n        if (o.selectDom == 3) {\n          item.placeholder += \"时间\";\n        }\n      }\n    },\n    setColumnShowOverFlow(column, optionObj) {\n      if (optionObj) {\n        if (optionObj.table && optionObj.table.columnConfig && optionObj.table.columnConfig.showOverflow) {\n          if (column.type != 'seq' || column.type != 'checkbox') {\n            column.showOverflow = optionObj.table.columnConfig.showOverflow;\n          }\n        }\n      }\n    },\n    initMergeCells() {\n      if (this.table.mergeCells) {\n        this.table.mergeCells = JSON.parse(this.table.mergeCells);\n        return;\n      }\n      if (this.table.mergeFields && this.table.mergeFields.length != 0) {\n        this.table.spanMethod = this.mergeRowMethod;\n      }\n    },\n    // 通用行合并函数（将相同多列数据合并为一行）\n    mergeRowMethod({\n      row,\n      _rowIndex,\n      column,\n      visibleData\n    }) {\n      const cellValue = row[column.field];\n      if (cellValue && this.table.mergeFields.includes(column.field)) {\n        const prevRow = visibleData[_rowIndex - 1];\n        let nextRow = visibleData[_rowIndex + 1];\n        if (prevRow && prevRow[column.field] === cellValue) {\n          return {\n            rowspan: 0,\n            colspan: 0\n          };\n        } else {\n          let countRowspan = 1;\n          while (nextRow && nextRow[column.field] === cellValue) {\n            nextRow = visibleData[++countRowspan + _rowIndex];\n          }\n          if (countRowspan > 1) {\n            return {\n              rowspan: countRowspan,\n              colspan: 1\n            };\n          }\n        }\n      }\n    },\n    setDictCellStyle({\n      row,\n      rowIndex,\n      $rowIndex,\n      column,\n      columnIndex,\n      $columnIndex\n    }) {\n      if (column.params && column.params.cssClass) {\n        return column.params.cssClass[row[column[(0,_utils_columnProp__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(column)]]];\n      }\n    },\n    setTableStyle(option) {\n      if (option['cell-style'] === undefined) {\n        option['cell-style'] = {\n          flag: \"flag##function#\",\n          isFunction: true\n        };\n      }\n      option['cell-style']['code'] = \"let OTMixinColumnMethod_setDictCellStyle = this.setDictCellStyle(params); if(OTMixinColumnMethod_setDictCellStyle){ return OTMixinColumnMethod_setDictCellStyle;}\\n\" + option['cell-style']['code'];\n    }\n  }\n};\n\n//# sourceURL=webpack://olp-table/./src/mixins/VTMixin/OTMixinColumnMethod.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OTMixinColumnMethod: function() { return /* binding */ OTMixinColumnMethod; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"vue\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.iterator.some.js */ \"./node_modules/core-js/modules/es.iterator.some.js\");\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _utils_columnProp__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/utils/columnProp */ \"./src/utils/columnProp.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/utils/FilterType.js */ \"./src/utils/FilterType.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__);\n\n\n\n\n\n\n\n\n\n\n\nfunction setColumnParams(column, key, value) {\n  if (value === undefined) {\n    return;\n  }\n  if (!column['params']) {\n    column['params'] = {};\n  }\n  column['params'][key] = value;\n}\nconst OTMixinColumnMethod = {\n  methods: {\n    setColumnCssClass(o) {\n      if (o.dictCode) {\n        let vals = this.dictVal(o.dictCode);\n        let cssClass = {};\n        if (vals) {\n          let dictValueLabel = {};\n          for (let obj of vals) {\n            dictValueLabel[obj.dictValue] = obj.dictLabel;\n            if (obj.cssClass) {\n              let css = obj.cssClass.trim();\n              try {\n                css = css.replace(/([a-zA-Z_]\\w*):/g, '\"$1\":').replace(/'/g, '\"');\n                css = JSON.parse(css);\n                if (Array.isArray(css)) {\n                  let data = {};\n                  if (css[0]) {\n                    data['backgroundColor'] = css[0];\n                  }\n                  if (css[1]) {\n                    data['color'] = css[1];\n                  }\n                  cssClass[obj.dictValue] = data;\n                } else {\n                  cssClass[obj.dictValue] = css;\n                }\n              } catch (e) {\n                console.error(\"列名：\", o.title, \"数据字典：\", obj.dictLabel, \"样式异常：\", css);\n              }\n            }\n          }\n          setColumnParams(o, 'dictValueLabel', dictValueLabel);\n        }\n        if (Object.keys(cssClass).length != 0) {\n          setColumnParams(o, 'cssClass', cssClass);\n        }\n      }\n    },\n    initColumn(columns, tableConfig) {\n      this.table.mergeFields = [];\n      let items = [];\n      columns = columns.sort(({\n        sort: a\n      }, {\n        sort: b\n      }) => a - b);\n      for (let column of columns) {\n        this.toParseOtherProp(column);\n      }\n      this.table.columnSource = JSON.parse(JSON.stringify(columns));\n      let {\n        optionJson,\n        seq\n      } = tableConfig;\n      if (optionJson) {\n        optionJson = JSON.parse(optionJson);\n      }\n      let enableFilter = optionJson?.table?.enableFilter;\n      let hasEditConfig = this.hasEditConfig();\n      for (let o of columns) {\n        this.setColumnCssClass(o);\n        this.initFormatter(o);\n        this.initSlots(o);\n        this.setTreeOpenColumn(o, tableConfig);\n        this.setMergeField(o);\n        this.setColumnShowOverFlow(o, optionJson);\n        this.setProp(o);\n        this.setColumnHide(o);\n        this.setFixed(o);\n        this.setShowFooter(o);\n        this.getVNode(o, items);\n        if (enableFilter) {\n          this.setFilters(o);\n        }\n        // 可编辑配置\n        if (hasEditConfig) {\n          this.setEditConfig(o);\n        }\n      }\n      items.sort(({\n        searchSort: a\n      }, {\n        searchSort: b\n      }) => a - b);\n      this.setSearchArea(items);\n      columns = this.initBodyLeftColumn(columns, seq);\n      if (this.table['show-footer']) {\n        if (!columns[0].width || columns[0].width < 55) {\n          columns[0].width = 55;\n        }\n      }\n      this.table.columns = columns;\n\n      // console.info('表格',this.table)\n      // console.info('表格配置信息',this.table.columnSource)\n\n      this.setColumnFormatter(this, '24', 'department'); //部门选择器的Formatter\n      this.setColumnFormatter(this, '25', 'role'); //角色选择器的Formatter\n      this.setColumnFormatter(this, '26', 'post'); //岗位选择器的Formatter\n      this.setColumnFormatter(this, '27', 'user'); //人员选择器的Formatter\n\n      //暂时不合并，启用虚拟滚动\n      this.initMergeCells();\n    },\n    /**\r\n     * 动态设置列的 formatter（将值映射为字典标签）\r\n     * @param {Object} context - Vue 组件实例（this）\r\n     * @param {String} selectDomValue - 匹配的 selectDom 值（如 '24'）\r\n     * @param {String} typeField - 动态列配置属性名（如 'department'）\r\n     */\n    setColumnFormatter(context, selectDomValue, typeField) {\n      const configListProp = typeField + 'ColumnsConfig';\n      const dictPropName = typeField + 'Dict';\n\n      // 1. 过滤出目标列配置\n      const configList = context.table.columnSource.filter(item => item.selectDom === selectDomValue);\n      context.table.other[configListProp] = configList;\n\n      // console.info(`动态列配置（${configListProp}）:`, configList);\n\n      // 2. 如果存在目标列，设置 formatter\n      if (configList.length > 0) {\n        configList.forEach(columnConfig => {\n          const targetColumn = context.table.columns.find(col => col.field === columnConfig.field);\n          if (targetColumn) {\n            targetColumn.formatter = ({\n              cellValue\n            }) => {\n              // 检查是否是类似'[1,2]'的数组字符串\n              // if (typeof cellValue === 'string' && cellValue.startsWith('[') && cellValue.endsWith(']')) {\n              if (typeof cellValue === 'string') {\n                try {\n                  // 尝试解析为数组\n                  let values = [];\n                  if (cellValue.startsWith('[') && cellValue.endsWith(']')) {\n                    values = JSON.parse(cellValue);\n                  } else {\n                    values = cellValue.split(\",\");\n                  }\n                  if (Array.isArray(values)) {\n                    // 查找所有匹配的字典项并拼接标签\n                    const labels = values.map(value => {\n                      const dictItem = context.table.other[dictPropName]?.find(item => item.value == value // 使用宽松相等比较\n                      );\n                      return dictItem ? dictItem.label : value;\n                    });\n                    return labels.join(','); // 用逗号连接标签\n                  }\n                } catch (e) {\n                  // 解析失败，按原样处理\n                }\n              }\n              const dictItem = context.table.other[dictPropName]?.find(item => item.value == cellValue);\n              return dictItem ? dictItem.label : cellValue; // 显示标签或原值\n            };\n          }\n        });\n      }\n    },\n    hasEditConfig() {\n      return this.table.editConfig && (this.table.editConfig.enabled === true || typeof this.table.editConfig.enabled === 'string' && this.table.editConfig.enabled.toLowerCase() === 'true');\n    },\n    setEditConfig(o) {\n      if (o.tableSaveToOtherProp && o.tableSaveToOtherProp == '1') {\n        return;\n      }\n      if (o.selectDom == '1') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 文本域\n      if (o.selectDom == '10') {\n        o.editRender = {\n          name: 'textarea',\n          props: {\n            type: 'textarea',\n            // 指定为多行文本框\n            placeholder: '请输入' + o.title,\n            rows: 3,\n            // 默认显示行数\n            autosize: {\n              minRows: 2,\n              maxRows: 6\n            },\n            // 自动调整高度\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 数字\n      if (o.selectDom == '7') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            type: this.getType(o.selectDom),\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 时间\n      if (o.selectDom == '3' || o.selectDom == '6') {\n        o.editRender = {\n          name: 'VxeInput',\n          props: {\n            type: this.getType(o.selectDom),\n            valueFormat: 'yyyy-MM-dd HH:mm:ss'\n          }\n        };\n      }\n      // 下拉框\n      if (o.selectDom == '2' || o.selectDom == '8') {\n        o.editRender = {\n          name: 'VxeSelect',\n          options: this.dictVal(o.dictCode),\n          props: {\n            placeholder: '请选择' + o.title\n          }\n        };\n      }\n      if (o.selectDom == '5') {\n        console.log('复选框：', o);\n        // o.slotsName = 'checkbox_default';\n        // o.slots = {\n        //     default: 'checkbox_default'\n        // }\n        o.slots = {\n          default: ({\n            row,\n            column\n          }) => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"vxe-checkbox\"), {\n            \"modelValue\": row[column.field],\n            \"onUpdate:modelValue\": $event => row[column.field] = $event,\n            \"checkedValue\": 1,\n            \"uncheckedValue\": 0\n          }, null)\n        };\n      }\n    },\n    getType(selectDom) {\n      if (selectDom == '3') {\n        return 'datetime';\n      }\n      if (selectDom == '6') {\n        return 'date';\n      }\n      if (selectDom == '7') {\n        return 'number';\n      }\n    },\n    /**\r\n     * 初始化列左边\r\n     * @param columns\r\n     * @param type\r\n     * @returns {*}\r\n     */\n    initBodyLeftColumn(columns, type) {\n      const hasSeqColumn = columns.some(col => ['seq', 'sequence', '序号'].includes(col.field || col.prop || col.type));\n      if (type == 1 && !hasSeqColumn) {\n        columns.unshift({\n          type: 'seq',\n          width: 55,\n          title: '序号',\n          fixed: 'left'\n        });\n      }\n      const hasCheckboxColumn = columns.some(col => ['checkbox'].includes(col.type));\n      const hasRadioColumn = columns.some(col => ['radio'].includes(col.type));\n      if (this.selectBox == 2 && !hasCheckboxColumn) {\n        columns.unshift({\n          type: 'checkbox',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      } else if (this.selectBox == 1 && !hasRadioColumn) {\n        columns.unshift({\n          type: 'radio',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      }\n      return columns;\n    },\n    setTreeOpenColumn(o, tableConfig) {\n      if (tableConfig.tree == 1 && o.field == tableConfig.openColumn) {\n        o.treeNode = true;\n        if (!o.align) {\n          o.align = 'left';\n        }\n      }\n    },\n    setMergeField(column) {\n      if (column.mergeFlag == '1') {\n        this.table.mergeFields.push(column.field);\n      }\n    },\n    setColumnHide(o) {\n      //隐藏\n      if (o.visible == \"0\") {\n        o.visible = false;\n      }\n    },\n    initFormatter(o) {\n      try {\n        if (o.formatter) {\n          o.formatter = eval(\"({cellValue, row, column})=>{\" + o.formatter + \"}\");\n        } else if (o.dictCode) {\n          o.formatter = eval(\"\" + \"({cellValue, row, column})=>{if(column.params && column.params.dictValueLabel){ let dictValueLabelElement = column.params.dictValueLabel[cellValue];if(dictValueLabelElement){return dictValueLabelElement;} }return  cellValue}\");\n        }\n      } catch (e) {\n        console.log(o.title, \"formatter异常：\", o.formatter);\n        this.$message.error(o.title + \"formatter异常!\");\n      }\n    },\n    initSlots(o) {\n      if (o.selectDom == 20) {\n        o.slotsName = 'img_default';\n        o.slots = {\n          default: 'img_default'\n        };\n      }\n      if (o.selectDom == '21') {\n        o.slotsName = 'icon_default';\n        o.slots = {\n          default: 'icon_default'\n        };\n      }\n      if (o.selectDom == '23') {\n        o.slotsName = 'video_default';\n        o.slots = {\n          default: 'video_default'\n        };\n      }\n    },\n    /**\r\n     * 播放器初始化\r\n     * @param player\r\n     */\n    handleReady(player) {\n      console.log(' 播放器已初始化', player);\n      this.player = player;\n    },\n    /**\r\n     * 视频播放\r\n     */\n    handlePlay() {\n      console.log(' 视频开始播放');\n    },\n    changeToChinese() {\n      console.log(\"this.playerOptions.value.player\", this.player);\n    },\n    handlePlay1() {\n      console.log(' 视频开始播放');\n      this.$refs.playerRef.player.play(); // 通过ref调用播放器方法\n      this.showCustomModal.value = false;\n    },\n    setFixed(item) {\n      //修改固定字段的值\n      if (item.fixed === '1') {\n        item.fixed = 'left';\n      } else if (item.fixed === '2') {\n        item.fixed = 'right';\n      }\n      if (item.align === '1') {\n        item.align = 'left';\n      } else if (item.align === '2') {\n        item.align = 'right';\n      } else if (item.align === '0') {\n        item.align = 'center';\n      }\n    },\n    setProp(item) {\n      item.resizable = undefined;\n      if (item.sortable != undefined && item.sortable != \"\") {\n        let order = item.field + (item.sortable == 0 ? \" ASC \" : \" DESC \");\n        this.orderByColumns.push(order);\n      }\n      ////时间类型\n      if (!item.width && (item.selectDom == 3 || item.selectDom == 6)) {\n        item.minWidth = 150;\n      } else if (!item.width && item.title) {\n        item.minWidth = item.title.length * 30;\n      }\n    },\n    setShowFooter(item) {\n      if (item['totalToOtherProp']) {\n        this.table['show-footer'] = true;\n      }\n    },\n    toParseOtherProp(item) {\n      //其他属性赋值\n      try {\n        let otherProp = JSON.parse(item?.otherProp || {});\n        item.otherProp = otherProp;\n        for (let key of Object.keys(otherProp)) {\n          item[key] = otherProp[key];\n        }\n      } catch (e) {\n        if (item.otherProp) {\n          console.error(item.field + \"其他属性无法解析：\" + item.otherProp);\n        }\n        item.otherProp = {};\n      }\n      if (item['totalToOtherProp'] === undefined) {\n        item['totalToOtherProp'] = '';\n      }\n    },\n    /**\r\n    * 设置搜索\r\n    * @param items\r\n    */\n    setSearchArea(items) {\n      if (items.length != 0) {\n        items.push({\n          itemRender: {\n            name: '$buttons',\n            children: [{\n              props: {\n                type: 'submit',\n                content: '查询',\n                status: 'primary'\n              },\n              events: {\n                click: this.query\n              }\n            }, {\n              props: {\n                type: 'button',\n                content: '重置'\n              },\n              events: {\n                click: this.resetQuery\n              }\n            }]\n          }\n        });\n        this.table.formConfig.size = this.table.size;\n      }\n      this.table.formConfig.items = items;\n    },\n    setFilters(o) {\n      if (o.dictCode) {\n        o.filters = this.dictVal(o.dictCode);\n        o.filterMultiple = true;\n        o.filterMethod = ({\n          option,\n          row,\n          column\n        }) => {};\n      } else {\n        // o.slots={\n        //     header:'OlTableFilterRender'\n        // }\n        o.filters = [{\n          data: ''\n        }];\n        o.filterMultiple = false;\n        o.filterRender = {\n          name: 'FilterExtend'\n        };\n        o.cellType = this.getType(o.selectDom);\n      }\n      o.filterMethod = this.filterMethod;\n    },\n    filterMethod({\n      option,\n      row,\n      column\n    }) {\n      const {\n        type,\n        value,\n        min,\n        max\n      } = option?.data || {};\n      const cellValue = String(row[column.field]);\n      switch (type) {\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().EQUAL):\n          return this.isEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().NOT_EQUAL):\n          return this.isNotEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().STARTS_WITH):\n          return this.startsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().ENDS_WITH):\n          return this.endsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().CONTAINS):\n          return this.contains(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().BETWEEN):\n          if (column.cellType === 'date' || column.cellType === 'datetime') {\n            return this.dateTimeFilterMethod({\n              cellValue,\n              min,\n              max\n            });\n          }\n          return this.isInRange(cellValue, min, max);\n        default:\n          if (option.value) {\n            return cellValue === option.value;\n          }\n          return true;\n      }\n    },\n    /**\r\n     * 数值范围筛选方法\r\n     * @param cellValue\r\n     * @param min\r\n     * @param max\r\n     * @returns {boolean}\r\n     */\n    isInRange(cellValue, min, max) {\n      const numValue = Number(cellValue) || 0;\n      const numMin = Number(min) || -Infinity;\n      const numMax = Number(max) || Infinity;\n      return numValue >= numMin && numValue <= numMax;\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    endsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.endsWith(item));\n      }\n      return cellValue.endsWith(value);\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    startsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.startsWith(item));\n      }\n      return cellValue.startsWith(value);\n    },\n    /**\r\n     * 判断是否包含\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    contains(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.includes(item));\n      }\n      return cellValue.includes(value);\n    },\n    /**\r\n     * 判断字符串与值是否不相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否不相等\r\n     */\n    isNotEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return !value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue !== value;\n    },\n    /**\r\n     * 比较字符串与值是否相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否相等\r\n     */\n    isEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue === value;\n    },\n    /**\r\n     * 日期时间范围筛选方法\r\n     * @param cellValue 表格数据值\r\n     * @param min 最小值\r\n     * @param max 最大值\r\n     * @returns {boolean}\r\n     */\n    dateTimeFilterMethod({\n      cellValue,\n      min,\n      max\n    }) {\n      if (!min && !max) {\n        return true;\n      }\n      const rowValue = cellValue ? new Date(cellValue) : null;\n      const startDate = min ? new Date(min) : null;\n      const endDate = max ? new Date(max) : null;\n      if (startDate && endDate) {\n        return rowValue >= startDate && rowValue <= endDate;\n      } else if (startDate) {\n        return rowValue >= startDate;\n      } else if (endDate) {\n        return rowValue <= endDate;\n      }\n      return true;\n    },\n    getVNode(o, items) {\n      if (o.selectType == undefined) {\n        return;\n      }\n      //99是范围查询\n      if (o.selectType == 99) {\n        let itemStart = this.initFormConfig(o, 5);\n        let itemEnd = this.initFormConfig(o, 6);\n        //时间范围查询\n        if (o.selectDom == 3 || o.selectDom == 6) {\n          let placeholder = o.selectDom == 3 ? '时间' : '';\n          itemStart.placeholder = '请选择开始日期' + placeholder;\n          delete itemStart.itemRender;\n          itemEnd.placeholder = '请选择结束日期' + placeholder;\n        }\n        items.push(itemStart);\n        items.push(itemEnd);\n      } else {\n        items.push(this.initFormConfig(o));\n      }\n    },\n    initFormConfig(o, type) {\n      let key = o.fieldNameSEARCHToOtherProp != undefined && o.fieldNameSEARCHToOtherProp != '' ? o.fieldNameSEARCHToOtherProp : o.tableField;\n      if (o.tableNameSEARCHToOtherProp != undefined && o.tableNameSEARCHToOtherProp != '') {\n        key = o.tableNameSEARCHToOtherProp + '.' + key;\n      }\n      let item = {\n        align: 'left',\n        field: key,\n        span: 6,\n        searchSort: o.searchSort,\n        title: o.titleSEARCHToOtherProp != undefined ? o.titleSEARCHToOtherProp : o.title,\n        key: key,\n        type: o.selectType,\n        selectDom: o.selectDom,\n        tableName: o.tableNameSEARCHToOtherProp,\n        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true,\n        toDate: o.toDateSEARCHToOtherProp,\n        itemRender: {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        }\n      };\n      try {\n        this.table.formConfig.data[item.key] = eval(o.valueSEARCHToOtherProp);\n      } catch (e) {}\n      if (type == 5) {\n        item.title = o.title + \"开始\";\n        item.type = 5;\n        item.field = \"$\" + o.tableField;\n        item.key = \"$\" + o.tableField;\n      } else if (type == 6) {\n        item.field = o.tableField + \"$\";\n        item.type = 6;\n        item.key = o.tableField + \"$\";\n        item.title = o.title + \"结束\";\n      }\n      if ((item.type == 6 || item.type == 5) && o.selectDom == undefined) {\n        o.selectDom = 7;\n      }\n      this.getItemRender(o, item, type);\n      if (item.title && item.title.length > 6) {\n        item.titleWidth = 20 * (item.title.length - 2);\n      } else if (item.title.toString().trim().length == 0) {\n        item.titleWidth = 0;\n      }\n      if (o.spanSEARCHToOtherProp != undefined) {\n        item.span = 6;\n      }\n      return item;\n    },\n    getItemRender(o, item, type) {\n      if (o.dictCode) {\n        delete item.itemRender;\n        item.slots = {\n          default: o.selectDom + item.field\n        };\n        item.slotsName = o.selectDom + item.field;\n        item.options = this.dictVal(o.dictCode);\n        item.placeholder = '请选择' + o.title;\n        item.clearable = o.clearableSEARCHToOtherProp != '1';\n        item.multiple = o.selectDom == '8';\n        item.filterable = true;\n      } else if (o.selectDom == 7) {\n        item.itemRender.props.type = 'number';\n      } else if (o.selectDom == 10) {\n        item.itemRender.name = 'textarea';\n      } else if (o.selectDom == 3 || o.selectDom == 6) {\n        delete item.itemRender;\n        item.domDate = true;\n        item.selectType = o.selectType;\n        //这里跟element plus不一样\n        item.domFormat = vue__WEBPACK_IMPORTED_MODULE_0__.version.split('.')[0] == 2 ? 'yyyy-MM-dd' : 'YYYY-MM-DD';\n        if (item.selectDom == 3) {\n          item.domFormat = item.domFormat + ' HH:mm:ss';\n          item.domType = o.selectType == 98 ? \"datetimerange\" : 'datetime';\n        } else {\n          item.domType = o.selectType == 98 ? \"daterange\" : 'date';\n        }\n        item.slots = {\n          default: o.selectDom + item.field + \"_time\"\n        };\n        item.slotsName = o.selectDom + item.field + \"_time\";\n        item.placeholder = '请选择';\n        if (type == 5) {\n          item.placeholder += \"开始\";\n        } else if (type == 6) {\n          item.placeholder += \"结束\";\n        }\n        if (o.selectDom == 3) {\n          item.placeholder += \"时间\";\n        }\n      }\n    },\n    setColumnShowOverFlow(column, optionObj) {\n      if (optionObj) {\n        if (optionObj.table && optionObj.table.columnConfig && optionObj.table.columnConfig.showOverflow) {\n          if (column.type != 'seq' || column.type != 'checkbox') {\n            column.showOverflow = optionObj.table.columnConfig.showOverflow;\n          }\n        }\n      }\n    },\n    initMergeCells() {\n      if (this.table.mergeCells) {\n        this.table.mergeCells = JSON.parse(this.table.mergeCells);\n        return;\n      }\n      if (this.table.mergeFields && this.table.mergeFields.length != 0) {\n        this.table.spanMethod = this.mergeRowMethod;\n      }\n    },\n    // 通用行合并函数（将相同多列数据合并为一行）\n    mergeRowMethod({\n      row,\n      _rowIndex,\n      column,\n      visibleData\n    }) {\n      const cellValue = row[column.field];\n      if (cellValue && this.table.mergeFields.includes(column.field)) {\n        const prevRow = visibleData[_rowIndex - 1];\n        let nextRow = visibleData[_rowIndex + 1];\n        if (prevRow && prevRow[column.field] === cellValue) {\n          return {\n            rowspan: 0,\n            colspan: 0\n          };\n        } else {\n          let countRowspan = 1;\n          while (nextRow && nextRow[column.field] === cellValue) {\n            nextRow = visibleData[++countRowspan + _rowIndex];\n          }\n          if (countRowspan > 1) {\n            return {\n              rowspan: countRowspan,\n              colspan: 1\n            };\n          }\n        }\n      }\n    },\n    setDictCellStyle({\n      row,\n      rowIndex,\n      $rowIndex,\n      column,\n      columnIndex,\n      $columnIndex\n    }) {\n      if (column.params && column.params.cssClass) {\n        return column.params.cssClass[row[column[(0,_utils_columnProp__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(column)]]];\n      }\n    },\n    setTableStyle(option) {\n      if (option['cell-style'] === undefined) {\n        option['cell-style'] = {\n          flag: \"flag##function#\",\n          isFunction: true\n        };\n      }\n      option['cell-style']['code'] = \"let OTMixinColumnMethod_setDictCellStyle = this.setDictCellStyle(params); if(OTMixinColumnMethod_setDictCellStyle){ return OTMixinColumnMethod_setDictCellStyle;}\\n\" + option['cell-style']['code'];\n    }\n  }\n};\n\n//# sourceURL=webpack://olp-table/./src/mixins/VTMixin/OTMixinColumnMethod.js?");
 /***/ }),

package/olp-table.umd.js CHANGED Viewed

@@ -12732,7 +12732,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OTMixinColumnMethod: function() { return /* binding */ OTMixinColumnMethod; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"vue\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.iterator.some.js */ \"./node_modules/core-js/modules/es.iterator.some.js\");\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _utils_columnProp__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/utils/columnProp */ \"./src/utils/columnProp.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/utils/FilterType.js */ \"./src/utils/FilterType.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__);\n\n\n\n\n\n\n\n\n\n\n\nfunction setColumnParams(column, key, value) {\n  if (value === undefined) {\n    return;\n  }\n  if (!column['params']) {\n    column['params'] = {};\n  }\n  column['params'][key] = value;\n}\nconst OTMixinColumnMethod = {\n  methods: {\n    setColumnCssClass(o) {\n      if (o.dictCode) {\n        let vals = this.dictVal(o.dictCode);\n        let cssClass = {};\n        if (vals) {\n          let dictValueLabel = {};\n          for (let obj of vals) {\n            dictValueLabel[obj.dictValue] = obj.dictLabel;\n            if (obj.cssClass) {\n              let css = obj.cssClass.trim();\n              try {\n                css = css.replace(/([a-zA-Z_]\\w*):/g, '\"$1\":').replace(/'/g, '\"');\n                css = JSON.parse(css);\n                if (Array.isArray(css)) {\n                  let data = {};\n                  if (css[0]) {\n                    data['backgroundColor'] = css[0];\n                  }\n                  if (css[1]) {\n                    data['color'] = css[1];\n                  }\n                  cssClass[obj.dictValue] = data;\n                } else {\n                  cssClass[obj.dictValue] = css;\n                }\n              } catch (e) {\n                console.error(\"列名：\", o.title, \"数据字典：\", obj.dictLabel, \"样式异常：\", css);\n              }\n            }\n          }\n          setColumnParams(o, 'dictValueLabel', dictValueLabel);\n        }\n        if (Object.keys(cssClass).length != 0) {\n          setColumnParams(o, 'cssClass', cssClass);\n        }\n      }\n    },\n    initColumn(columns, tableConfig) {\n      this.table.mergeFields = [];\n      let items = [];\n      columns = columns.sort(({\n        sort: a\n      }, {\n        sort: b\n      }) => a - b);\n      for (let column of columns) {\n        this.toParseOtherProp(column);\n      }\n      this.table.columnSource = JSON.parse(JSON.stringify(columns));\n      let {\n        optionJson,\n        seq\n      } = tableConfig;\n      if (optionJson) {\n        optionJson = JSON.parse(optionJson);\n      }\n      let enableFilter = optionJson?.table?.enableFilter;\n      let hasEditConfig = this.hasEditConfig();\n      for (let o of columns) {\n        this.setColumnCssClass(o);\n        this.initFormatter(o);\n        this.initSlots(o);\n        this.setTreeOpenColumn(o, tableConfig);\n        this.setMergeField(o);\n        this.setColumnShowOverFlow(o, optionJson);\n        this.setProp(o);\n        this.setColumnHide(o);\n        this.setFixed(o);\n        this.setShowFooter(o);\n        this.getVNode(o, items);\n        if (enableFilter) {\n          this.setFilters(o);\n        }\n        // 可编辑配置\n        if (hasEditConfig) {\n          this.setEditConfig(o);\n        }\n      }\n      items.sort(({\n        searchSort: a\n      }, {\n        searchSort: b\n      }) => a - b);\n      this.setSearchArea(items);\n      columns = this.initBodyLeftColumn(columns, seq);\n      if (this.table['show-footer']) {\n        if (!columns[0].width || columns[0].width < 55) {\n          columns[0].width = 55;\n        }\n      }\n      this.table.columns = columns;\n\n      // console.info('表格',this.table)\n      // console.info('表格配置信息',this.table.columnSource)\n\n      this.setColumnFormatter(this, '24', 'department'); //部门选择器的Formatter\n      this.setColumnFormatter(this, '25', 'role'); //角色选择器的Formatter\n      this.setColumnFormatter(this, '26', 'post'); //岗位选择器的Formatter\n      this.setColumnFormatter(this, '27', 'user'); //人员选择器的Formatter\n\n      //暂时不合并，启用虚拟滚动\n      this.initMergeCells();\n    },\n    /**\r\n     * 动态设置列的 formatter（将值映射为字典标签）\r\n     * @param {Object} context - Vue 组件实例（this）\r\n     * @param {String} selectDomValue - 匹配的 selectDom 值（如 '24'）\r\n     * @param {String} typeField - 动态列配置属性名（如 'department'）\r\n     */\n    setColumnFormatter(context, selectDomValue, typeField) {\n      const configListProp = typeField + 'ColumnsConfig';\n      const dictPropName = typeField + 'Dict';\n\n      // 1. 过滤出目标列配置\n      const configList = context.table.columnSource.filter(item => item.selectDom === selectDomValue);\n      context.table.other[configListProp] = configList;\n\n      // console.info(`动态列配置（${configListProp}）:`, configList);\n\n      // 2. 如果存在目标列，设置 formatter\n      if (configList.length > 0) {\n        configList.forEach(columnConfig => {\n          const targetColumn = context.table.columns.find(col => col.field === columnConfig.field);\n          if (targetColumn) {\n            targetColumn.formatter = ({\n              cellValue\n            }) => {\n              // 检查是否是类似'[1,2]'的数组字符串\n              // if (typeof cellValue === 'string' && cellValue.startsWith('[') && cellValue.endsWith(']')) {\n              if (typeof cellValue === 'string') {\n                try {\n                  // 尝试解析为数组\n                  let values = {};\n                  if (cellValue.startsWith('[') && cellValue.endsWith(']')) {\n                    values = JSON.parse(cellValue);\n                  } else if (cellValue.includes(',')) {\n                    values = JSON.parse('[' + cellValue + ']');\n                  }\n                  if (Array.isArray(values)) {\n                    // 查找所有匹配的字典项并拼接标签\n                    const labels = values.map(value => {\n                      const dictItem = context.table.other[dictPropName]?.find(item => item.value == value // 使用宽松相等比较\n                      );\n                      return dictItem ? dictItem.label : value;\n                    });\n                    return labels.join(','); // 用逗号连接标签\n                  }\n                } catch (e) {\n                  // 解析失败，按原样处理\n                }\n              }\n              const dictItem = context.table.other[dictPropName]?.find(item => item.value === cellValue);\n              return dictItem ? dictItem.label : cellValue; // 显示标签或原值\n            };\n          }\n        });\n      }\n    },\n    hasEditConfig() {\n      return this.table.editConfig && (this.table.editConfig.enabled === true || typeof this.table.editConfig.enabled === 'string' && this.table.editConfig.enabled.toLowerCase() === 'true');\n    },\n    setEditConfig(o) {\n      if (o.tableSaveToOtherProp && o.tableSaveToOtherProp == '1') {\n        return;\n      }\n      if (o.selectDom == '1') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 文本域\n      if (o.selectDom == '10') {\n        o.editRender = {\n          name: 'textarea',\n          props: {\n            type: 'textarea',\n            // 指定为多行文本框\n            placeholder: '请输入' + o.title,\n            rows: 3,\n            // 默认显示行数\n            autosize: {\n              minRows: 2,\n              maxRows: 6\n            },\n            // 自动调整高度\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 数字\n      if (o.selectDom == '7') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            type: this.getType(o.selectDom),\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 时间\n      if (o.selectDom == '3' || o.selectDom == '6') {\n        o.editRender = {\n          name: 'VxeInput',\n          props: {\n            type: this.getType(o.selectDom),\n            valueFormat: 'yyyy-MM-dd HH:mm:ss'\n          }\n        };\n      }\n      // 下拉框\n      if (o.selectDom == '2' || o.selectDom == '8') {\n        o.editRender = {\n          name: 'VxeSelect',\n          options: this.dictVal(o.dictCode),\n          props: {\n            placeholder: '请选择' + o.title\n          }\n        };\n      }\n      if (o.selectDom == '5') {\n        console.log('复选框：', o);\n        // o.slotsName = 'checkbox_default';\n        // o.slots = {\n        //     default: 'checkbox_default'\n        // }\n        o.slots = {\n          default: ({\n            row,\n            column\n          }) => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"vxe-checkbox\"), {\n            \"modelValue\": row[column.field],\n            \"onUpdate:modelValue\": $event => row[column.field] = $event,\n            \"checkedValue\": 1,\n            \"uncheckedValue\": 0\n          }, null)\n        };\n      }\n    },\n    getType(selectDom) {\n      if (selectDom == '3') {\n        return 'datetime';\n      }\n      if (selectDom == '6') {\n        return 'date';\n      }\n      if (selectDom == '7') {\n        return 'number';\n      }\n    },\n    /**\r\n     * 初始化列左边\r\n     * @param columns\r\n     * @param type\r\n     * @returns {*}\r\n     */\n    initBodyLeftColumn(columns, type) {\n      const hasSeqColumn = columns.some(col => ['seq', 'sequence', '序号'].includes(col.field || col.prop || col.type));\n      if (type == 1 && !hasSeqColumn) {\n        columns.unshift({\n          type: 'seq',\n          width: 55,\n          title: '序号',\n          fixed: 'left'\n        });\n      }\n      const hasCheckboxColumn = columns.some(col => ['checkbox'].includes(col.type));\n      const hasRadioColumn = columns.some(col => ['radio'].includes(col.type));\n      if (this.selectBox == 2 && !hasCheckboxColumn) {\n        columns.unshift({\n          type: 'checkbox',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      } else if (this.selectBox == 1 && !hasRadioColumn) {\n        columns.unshift({\n          type: 'radio',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      }\n      return columns;\n    },\n    setTreeOpenColumn(o, tableConfig) {\n      if (tableConfig.tree == 1 && o.field == tableConfig.openColumn) {\n        o.treeNode = true;\n        if (!o.align) {\n          o.align = 'left';\n        }\n      }\n    },\n    setMergeField(column) {\n      if (column.mergeFlag == '1') {\n        this.table.mergeFields.push(column.field);\n      }\n    },\n    setColumnHide(o) {\n      //隐藏\n      if (o.visible == \"0\") {\n        o.visible = false;\n      }\n    },\n    initFormatter(o) {\n      try {\n        if (o.formatter) {\n          o.formatter = eval(\"({cellValue, row, column})=>{\" + o.formatter + \"}\");\n        } else if (o.dictCode) {\n          o.formatter = eval(\"\" + \"({cellValue, row, column})=>{if(column.params && column.params.dictValueLabel){ let dictValueLabelElement = column.params.dictValueLabel[cellValue];if(dictValueLabelElement){return dictValueLabelElement;} }return  cellValue}\");\n        }\n      } catch (e) {\n        console.log(o.title, \"formatter异常：\", o.formatter);\n        this.$message.error(o.title + \"formatter异常!\");\n      }\n    },\n    initSlots(o) {\n      if (o.selectDom == 20) {\n        o.slotsName = 'img_default';\n        o.slots = {\n          default: 'img_default'\n        };\n      }\n      if (o.selectDom == '21') {\n        o.slotsName = 'icon_default';\n        o.slots = {\n          default: 'icon_default'\n        };\n      }\n      if (o.selectDom == '23') {\n        o.slotsName = 'video_default';\n        o.slots = {\n          default: 'video_default'\n        };\n      }\n    },\n    /**\r\n     * 播放器初始化\r\n     * @param player\r\n     */\n    handleReady(player) {\n      console.log(' 播放器已初始化', player);\n      this.player = player;\n    },\n    /**\r\n     * 视频播放\r\n     */\n    handlePlay() {\n      console.log(' 视频开始播放');\n    },\n    changeToChinese() {\n      console.log(\"this.playerOptions.value.player\", this.player);\n    },\n    handlePlay1() {\n      console.log(' 视频开始播放');\n      this.$refs.playerRef.player.play(); // 通过ref调用播放器方法\n      this.showCustomModal.value = false;\n    },\n    setFixed(item) {\n      //修改固定字段的值\n      if (item.fixed === '1') {\n        item.fixed = 'left';\n      } else if (item.fixed === '2') {\n        item.fixed = 'right';\n      }\n      if (item.align === '1') {\n        item.align = 'left';\n      } else if (item.align === '2') {\n        item.align = 'right';\n      } else if (item.align === '0') {\n        item.align = 'center';\n      }\n    },\n    setProp(item) {\n      item.resizable = undefined;\n      if (item.sortable != undefined && item.sortable != \"\") {\n        let order = item.field + (item.sortable == 0 ? \" ASC \" : \" DESC \");\n        this.orderByColumns.push(order);\n      }\n      ////时间类型\n      if (!item.width && (item.selectDom == 3 || item.selectDom == 6)) {\n        item.minWidth = 150;\n      } else if (!item.width && item.title) {\n        item.minWidth = item.title.length * 30;\n      }\n    },\n    setShowFooter(item) {\n      if (item['totalToOtherProp']) {\n        this.table['show-footer'] = true;\n      }\n    },\n    toParseOtherProp(item) {\n      //其他属性赋值\n      try {\n        let otherProp = JSON.parse(item?.otherProp || {});\n        item.otherProp = otherProp;\n        for (let key of Object.keys(otherProp)) {\n          item[key] = otherProp[key];\n        }\n      } catch (e) {\n        if (item.otherProp) {\n          console.error(item.field + \"其他属性无法解析：\" + item.otherProp);\n        }\n        item.otherProp = {};\n      }\n      if (item['totalToOtherProp'] === undefined) {\n        item['totalToOtherProp'] = '';\n      }\n    },\n    /**\r\n    * 设置搜索\r\n    * @param items\r\n    */\n    setSearchArea(items) {\n      if (items.length != 0) {\n        items.push({\n          itemRender: {\n            name: '$buttons',\n            children: [{\n              props: {\n                type: 'submit',\n                content: '查询',\n                status: 'primary'\n              },\n              events: {\n                click: this.query\n              }\n            }, {\n              props: {\n                type: 'button',\n                content: '重置'\n              },\n              events: {\n                click: this.resetQuery\n              }\n            }]\n          }\n        });\n        this.table.formConfig.size = this.table.size;\n      }\n      this.table.formConfig.items = items;\n    },\n    setFilters(o) {\n      if (o.dictCode) {\n        o.filters = this.dictVal(o.dictCode);\n        o.filterMultiple = true;\n        o.filterMethod = ({\n          option,\n          row,\n          column\n        }) => {};\n      } else {\n        // o.slots={\n        //     header:'OlTableFilterRender'\n        // }\n        o.filters = [{\n          data: ''\n        }];\n        o.filterMultiple = false;\n        o.filterRender = {\n          name: 'FilterExtend'\n        };\n        o.cellType = this.getType(o.selectDom);\n      }\n      o.filterMethod = this.filterMethod;\n    },\n    filterMethod({\n      option,\n      row,\n      column\n    }) {\n      const {\n        type,\n        value,\n        min,\n        max\n      } = option?.data || {};\n      const cellValue = String(row[column.field]);\n      switch (type) {\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().EQUAL):\n          return this.isEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().NOT_EQUAL):\n          return this.isNotEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().STARTS_WITH):\n          return this.startsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().ENDS_WITH):\n          return this.endsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().CONTAINS):\n          return this.contains(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().BETWEEN):\n          if (column.cellType === 'date' || column.cellType === 'datetime') {\n            return this.dateTimeFilterMethod({\n              cellValue,\n              min,\n              max\n            });\n          }\n          return this.isInRange(cellValue, min, max);\n        default:\n          if (option.value) {\n            return cellValue === option.value;\n          }\n          return true;\n      }\n    },\n    /**\r\n     * 数值范围筛选方法\r\n     * @param cellValue\r\n     * @param min\r\n     * @param max\r\n     * @returns {boolean}\r\n     */\n    isInRange(cellValue, min, max) {\n      const numValue = Number(cellValue) || 0;\n      const numMin = Number(min) || -Infinity;\n      const numMax = Number(max) || Infinity;\n      return numValue >= numMin && numValue <= numMax;\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    endsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.endsWith(item));\n      }\n      return cellValue.endsWith(value);\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    startsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.startsWith(item));\n      }\n      return cellValue.startsWith(value);\n    },\n    /**\r\n     * 判断是否包含\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    contains(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.includes(item));\n      }\n      return cellValue.includes(value);\n    },\n    /**\r\n     * 判断字符串与值是否不相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否不相等\r\n     */\n    isNotEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return !value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue !== value;\n    },\n    /**\r\n     * 比较字符串与值是否相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否相等\r\n     */\n    isEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue === value;\n    },\n    /**\r\n     * 日期时间范围筛选方法\r\n     * @param cellValue 表格数据值\r\n     * @param min 最小值\r\n     * @param max 最大值\r\n     * @returns {boolean}\r\n     */\n    dateTimeFilterMethod({\n      cellValue,\n      min,\n      max\n    }) {\n      if (!min && !max) {\n        return true;\n      }\n      const rowValue = cellValue ? new Date(cellValue) : null;\n      const startDate = min ? new Date(min) : null;\n      const endDate = max ? new Date(max) : null;\n      if (startDate && endDate) {\n        return rowValue >= startDate && rowValue <= endDate;\n      } else if (startDate) {\n        return rowValue >= startDate;\n      } else if (endDate) {\n        return rowValue <= endDate;\n      }\n      return true;\n    },\n    getVNode(o, items) {\n      if (o.selectType == undefined) {\n        return;\n      }\n      //99是范围查询\n      if (o.selectType == 99) {\n        let itemStart = this.initFormConfig(o, 5);\n        let itemEnd = this.initFormConfig(o, 6);\n        //时间范围查询\n        if (o.selectDom == 3 || o.selectDom == 6) {\n          let placeholder = o.selectDom == 3 ? '时间' : '';\n          itemStart.placeholder = '请选择开始日期' + placeholder;\n          delete itemStart.itemRender;\n          itemEnd.placeholder = '请选择结束日期' + placeholder;\n        }\n        items.push(itemStart);\n        items.push(itemEnd);\n      } else {\n        items.push(this.initFormConfig(o));\n      }\n    },\n    initFormConfig(o, type) {\n      let key = o.fieldNameSEARCHToOtherProp != undefined && o.fieldNameSEARCHToOtherProp != '' ? o.fieldNameSEARCHToOtherProp : o.tableField;\n      if (o.tableNameSEARCHToOtherProp != undefined && o.tableNameSEARCHToOtherProp != '') {\n        key = o.tableNameSEARCHToOtherProp + '.' + key;\n      }\n      let item = {\n        align: 'left',\n        field: key,\n        span: 6,\n        searchSort: o.searchSort,\n        title: o.titleSEARCHToOtherProp != undefined ? o.titleSEARCHToOtherProp : o.title,\n        key: key,\n        type: o.selectType,\n        selectDom: o.selectDom,\n        tableName: o.tableNameSEARCHToOtherProp,\n        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true,\n        toDate: o.toDateSEARCHToOtherProp,\n        itemRender: {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        }\n      };\n      try {\n        this.table.formConfig.data[item.key] = eval(o.valueSEARCHToOtherProp);\n      } catch (e) {}\n      if (type == 5) {\n        item.title = o.title + \"开始\";\n        item.type = 5;\n        item.field = \"$\" + o.tableField;\n        item.key = \"$\" + o.tableField;\n      } else if (type == 6) {\n        item.field = o.tableField + \"$\";\n        item.type = 6;\n        item.key = o.tableField + \"$\";\n        item.title = o.title + \"结束\";\n      }\n      if ((item.type == 6 || item.type == 5) && o.selectDom == undefined) {\n        o.selectDom = 7;\n      }\n      this.getItemRender(o, item, type);\n      if (item.title && item.title.length > 6) {\n        item.titleWidth = 20 * (item.title.length - 2);\n      } else if (item.title.toString().trim().length == 0) {\n        item.titleWidth = 0;\n      }\n      if (o.spanSEARCHToOtherProp != undefined) {\n        item.span = 6;\n      }\n      return item;\n    },\n    getItemRender(o, item, type) {\n      if (o.dictCode) {\n        delete item.itemRender;\n        item.slots = {\n          default: o.selectDom + item.field\n        };\n        item.slotsName = o.selectDom + item.field;\n        item.options = this.dictVal(o.dictCode);\n        item.placeholder = '请选择' + o.title;\n        item.clearable = o.clearableSEARCHToOtherProp != '1';\n        item.multiple = o.selectDom == '8';\n        item.filterable = true;\n      } else if (o.selectDom == 7) {\n        item.itemRender.props.type = 'number';\n      } else if (o.selectDom == 10) {\n        item.itemRender.name = 'textarea';\n      } else if (o.selectDom == 3 || o.selectDom == 6) {\n        delete item.itemRender;\n        item.domDate = true;\n        item.selectType = o.selectType;\n        //这里跟element plus不一样\n        item.domFormat = vue__WEBPACK_IMPORTED_MODULE_0__.version.split('.')[0] == 2 ? 'yyyy-MM-dd' : 'YYYY-MM-DD';\n        if (item.selectDom == 3) {\n          item.domFormat = item.domFormat + ' HH:mm:ss';\n          item.domType = o.selectType == 98 ? \"datetimerange\" : 'datetime';\n        } else {\n          item.domType = o.selectType == 98 ? \"daterange\" : 'date';\n        }\n        item.slots = {\n          default: o.selectDom + item.field + \"_time\"\n        };\n        item.slotsName = o.selectDom + item.field + \"_time\";\n        item.placeholder = '请选择';\n        if (type == 5) {\n          item.placeholder += \"开始\";\n        } else if (type == 6) {\n          item.placeholder += \"结束\";\n        }\n        if (o.selectDom == 3) {\n          item.placeholder += \"时间\";\n        }\n      }\n    },\n    setColumnShowOverFlow(column, optionObj) {\n      if (optionObj) {\n        if (optionObj.table && optionObj.table.columnConfig && optionObj.table.columnConfig.showOverflow) {\n          if (column.type != 'seq' || column.type != 'checkbox') {\n            column.showOverflow = optionObj.table.columnConfig.showOverflow;\n          }\n        }\n      }\n    },\n    initMergeCells() {\n      if (this.table.mergeCells) {\n        this.table.mergeCells = JSON.parse(this.table.mergeCells);\n        return;\n      }\n      if (this.table.mergeFields && this.table.mergeFields.length != 0) {\n        this.table.spanMethod = this.mergeRowMethod;\n      }\n    },\n    // 通用行合并函数（将相同多列数据合并为一行）\n    mergeRowMethod({\n      row,\n      _rowIndex,\n      column,\n      visibleData\n    }) {\n      const cellValue = row[column.field];\n      if (cellValue && this.table.mergeFields.includes(column.field)) {\n        const prevRow = visibleData[_rowIndex - 1];\n        let nextRow = visibleData[_rowIndex + 1];\n        if (prevRow && prevRow[column.field] === cellValue) {\n          return {\n            rowspan: 0,\n            colspan: 0\n          };\n        } else {\n          let countRowspan = 1;\n          while (nextRow && nextRow[column.field] === cellValue) {\n            nextRow = visibleData[++countRowspan + _rowIndex];\n          }\n          if (countRowspan > 1) {\n            return {\n              rowspan: countRowspan,\n              colspan: 1\n            };\n          }\n        }\n      }\n    },\n    setDictCellStyle({\n      row,\n      rowIndex,\n      $rowIndex,\n      column,\n      columnIndex,\n      $columnIndex\n    }) {\n      if (column.params && column.params.cssClass) {\n        return column.params.cssClass[row[column[(0,_utils_columnProp__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(column)]]];\n      }\n    },\n    setTableStyle(option) {\n      if (option['cell-style'] === undefined) {\n        option['cell-style'] = {\n          flag: \"flag##function#\",\n          isFunction: true\n        };\n      }\n      option['cell-style']['code'] = \"let OTMixinColumnMethod_setDictCellStyle = this.setDictCellStyle(params); if(OTMixinColumnMethod_setDictCellStyle){ return OTMixinColumnMethod_setDictCellStyle;}\\n\" + option['cell-style']['code'];\n    }\n  }\n};\n\n//# sourceURL=webpack://olp-table/./src/mixins/VTMixin/OTMixinColumnMethod.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OTMixinColumnMethod: function() { return /* binding */ OTMixinColumnMethod; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"vue\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.iterator.some.js */ \"./node_modules/core-js/modules/es.iterator.some.js\");\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _utils_columnProp__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/utils/columnProp */ \"./src/utils/columnProp.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/utils/FilterType.js */ \"./src/utils/FilterType.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__);\n\n\n\n\n\n\n\n\n\n\n\nfunction setColumnParams(column, key, value) {\n  if (value === undefined) {\n    return;\n  }\n  if (!column['params']) {\n    column['params'] = {};\n  }\n  column['params'][key] = value;\n}\nconst OTMixinColumnMethod = {\n  methods: {\n    setColumnCssClass(o) {\n      if (o.dictCode) {\n        let vals = this.dictVal(o.dictCode);\n        let cssClass = {};\n        if (vals) {\n          let dictValueLabel = {};\n          for (let obj of vals) {\n            dictValueLabel[obj.dictValue] = obj.dictLabel;\n            if (obj.cssClass) {\n              let css = obj.cssClass.trim();\n              try {\n                css = css.replace(/([a-zA-Z_]\\w*):/g, '\"$1\":').replace(/'/g, '\"');\n                css = JSON.parse(css);\n                if (Array.isArray(css)) {\n                  let data = {};\n                  if (css[0]) {\n                    data['backgroundColor'] = css[0];\n                  }\n                  if (css[1]) {\n                    data['color'] = css[1];\n                  }\n                  cssClass[obj.dictValue] = data;\n                } else {\n                  cssClass[obj.dictValue] = css;\n                }\n              } catch (e) {\n                console.error(\"列名：\", o.title, \"数据字典：\", obj.dictLabel, \"样式异常：\", css);\n              }\n            }\n          }\n          setColumnParams(o, 'dictValueLabel', dictValueLabel);\n        }\n        if (Object.keys(cssClass).length != 0) {\n          setColumnParams(o, 'cssClass', cssClass);\n        }\n      }\n    },\n    initColumn(columns, tableConfig) {\n      this.table.mergeFields = [];\n      let items = [];\n      columns = columns.sort(({\n        sort: a\n      }, {\n        sort: b\n      }) => a - b);\n      for (let column of columns) {\n        this.toParseOtherProp(column);\n      }\n      this.table.columnSource = JSON.parse(JSON.stringify(columns));\n      let {\n        optionJson,\n        seq\n      } = tableConfig;\n      if (optionJson) {\n        optionJson = JSON.parse(optionJson);\n      }\n      let enableFilter = optionJson?.table?.enableFilter;\n      let hasEditConfig = this.hasEditConfig();\n      for (let o of columns) {\n        this.setColumnCssClass(o);\n        this.initFormatter(o);\n        this.initSlots(o);\n        this.setTreeOpenColumn(o, tableConfig);\n        this.setMergeField(o);\n        this.setColumnShowOverFlow(o, optionJson);\n        this.setProp(o);\n        this.setColumnHide(o);\n        this.setFixed(o);\n        this.setShowFooter(o);\n        this.getVNode(o, items);\n        if (enableFilter) {\n          this.setFilters(o);\n        }\n        // 可编辑配置\n        if (hasEditConfig) {\n          this.setEditConfig(o);\n        }\n      }\n      items.sort(({\n        searchSort: a\n      }, {\n        searchSort: b\n      }) => a - b);\n      this.setSearchArea(items);\n      columns = this.initBodyLeftColumn(columns, seq);\n      if (this.table['show-footer']) {\n        if (!columns[0].width || columns[0].width < 55) {\n          columns[0].width = 55;\n        }\n      }\n      this.table.columns = columns;\n\n      // console.info('表格',this.table)\n      // console.info('表格配置信息',this.table.columnSource)\n\n      this.setColumnFormatter(this, '24', 'department'); //部门选择器的Formatter\n      this.setColumnFormatter(this, '25', 'role'); //角色选择器的Formatter\n      this.setColumnFormatter(this, '26', 'post'); //岗位选择器的Formatter\n      this.setColumnFormatter(this, '27', 'user'); //人员选择器的Formatter\n\n      //暂时不合并，启用虚拟滚动\n      this.initMergeCells();\n    },\n    /**\r\n     * 动态设置列的 formatter（将值映射为字典标签）\r\n     * @param {Object} context - Vue 组件实例（this）\r\n     * @param {String} selectDomValue - 匹配的 selectDom 值（如 '24'）\r\n     * @param {String} typeField - 动态列配置属性名（如 'department'）\r\n     */\n    setColumnFormatter(context, selectDomValue, typeField) {\n      const configListProp = typeField + 'ColumnsConfig';\n      const dictPropName = typeField + 'Dict';\n\n      // 1. 过滤出目标列配置\n      const configList = context.table.columnSource.filter(item => item.selectDom === selectDomValue);\n      context.table.other[configListProp] = configList;\n\n      // console.info(`动态列配置（${configListProp}）:`, configList);\n\n      // 2. 如果存在目标列，设置 formatter\n      if (configList.length > 0) {\n        configList.forEach(columnConfig => {\n          const targetColumn = context.table.columns.find(col => col.field === columnConfig.field);\n          if (targetColumn) {\n            targetColumn.formatter = ({\n              cellValue\n            }) => {\n              // 检查是否是类似'[1,2]'的数组字符串\n              // if (typeof cellValue === 'string' && cellValue.startsWith('[') && cellValue.endsWith(']')) {\n              if (typeof cellValue === 'string') {\n                try {\n                  // 尝试解析为数组\n                  let values = [];\n                  if (cellValue.startsWith('[') && cellValue.endsWith(']')) {\n                    values = JSON.parse(cellValue);\n                  } else {\n                    values = cellValue.split(\",\");\n                  }\n                  if (Array.isArray(values)) {\n                    // 查找所有匹配的字典项并拼接标签\n                    const labels = values.map(value => {\n                      const dictItem = context.table.other[dictPropName]?.find(item => item.value == value // 使用宽松相等比较\n                      );\n                      return dictItem ? dictItem.label : value;\n                    });\n                    return labels.join(','); // 用逗号连接标签\n                  }\n                } catch (e) {\n                  // 解析失败，按原样处理\n                }\n              }\n              const dictItem = context.table.other[dictPropName]?.find(item => item.value == cellValue);\n              return dictItem ? dictItem.label : cellValue; // 显示标签或原值\n            };\n          }\n        });\n      }\n    },\n    hasEditConfig() {\n      return this.table.editConfig && (this.table.editConfig.enabled === true || typeof this.table.editConfig.enabled === 'string' && this.table.editConfig.enabled.toLowerCase() === 'true');\n    },\n    setEditConfig(o) {\n      if (o.tableSaveToOtherProp && o.tableSaveToOtherProp == '1') {\n        return;\n      }\n      if (o.selectDom == '1') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 文本域\n      if (o.selectDom == '10') {\n        o.editRender = {\n          name: 'textarea',\n          props: {\n            type: 'textarea',\n            // 指定为多行文本框\n            placeholder: '请输入' + o.title,\n            rows: 3,\n            // 默认显示行数\n            autosize: {\n              minRows: 2,\n              maxRows: 6\n            },\n            // 自动调整高度\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 数字\n      if (o.selectDom == '7') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            type: this.getType(o.selectDom),\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 时间\n      if (o.selectDom == '3' || o.selectDom == '6') {\n        o.editRender = {\n          name: 'VxeInput',\n          props: {\n            type: this.getType(o.selectDom),\n            valueFormat: 'yyyy-MM-dd HH:mm:ss'\n          }\n        };\n      }\n      // 下拉框\n      if (o.selectDom == '2' || o.selectDom == '8') {\n        o.editRender = {\n          name: 'VxeSelect',\n          options: this.dictVal(o.dictCode),\n          props: {\n            placeholder: '请选择' + o.title\n          }\n        };\n      }\n      if (o.selectDom == '5') {\n        console.log('复选框：', o);\n        // o.slotsName = 'checkbox_default';\n        // o.slots = {\n        //     default: 'checkbox_default'\n        // }\n        o.slots = {\n          default: ({\n            row,\n            column\n          }) => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"vxe-checkbox\"), {\n            \"modelValue\": row[column.field],\n            \"onUpdate:modelValue\": $event => row[column.field] = $event,\n            \"checkedValue\": 1,\n            \"uncheckedValue\": 0\n          }, null)\n        };\n      }\n    },\n    getType(selectDom) {\n      if (selectDom == '3') {\n        return 'datetime';\n      }\n      if (selectDom == '6') {\n        return 'date';\n      }\n      if (selectDom == '7') {\n        return 'number';\n      }\n    },\n    /**\r\n     * 初始化列左边\r\n     * @param columns\r\n     * @param type\r\n     * @returns {*}\r\n     */\n    initBodyLeftColumn(columns, type) {\n      const hasSeqColumn = columns.some(col => ['seq', 'sequence', '序号'].includes(col.field || col.prop || col.type));\n      if (type == 1 && !hasSeqColumn) {\n        columns.unshift({\n          type: 'seq',\n          width: 55,\n          title: '序号',\n          fixed: 'left'\n        });\n      }\n      const hasCheckboxColumn = columns.some(col => ['checkbox'].includes(col.type));\n      const hasRadioColumn = columns.some(col => ['radio'].includes(col.type));\n      if (this.selectBox == 2 && !hasCheckboxColumn) {\n        columns.unshift({\n          type: 'checkbox',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      } else if (this.selectBox == 1 && !hasRadioColumn) {\n        columns.unshift({\n          type: 'radio',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      }\n      return columns;\n    },\n    setTreeOpenColumn(o, tableConfig) {\n      if (tableConfig.tree == 1 && o.field == tableConfig.openColumn) {\n        o.treeNode = true;\n        if (!o.align) {\n          o.align = 'left';\n        }\n      }\n    },\n    setMergeField(column) {\n      if (column.mergeFlag == '1') {\n        this.table.mergeFields.push(column.field);\n      }\n    },\n    setColumnHide(o) {\n      //隐藏\n      if (o.visible == \"0\") {\n        o.visible = false;\n      }\n    },\n    initFormatter(o) {\n      try {\n        if (o.formatter) {\n          o.formatter = eval(\"({cellValue, row, column})=>{\" + o.formatter + \"}\");\n        } else if (o.dictCode) {\n          o.formatter = eval(\"\" + \"({cellValue, row, column})=>{if(column.params && column.params.dictValueLabel){ let dictValueLabelElement = column.params.dictValueLabel[cellValue];if(dictValueLabelElement){return dictValueLabelElement;} }return  cellValue}\");\n        }\n      } catch (e) {\n        console.log(o.title, \"formatter异常：\", o.formatter);\n        this.$message.error(o.title + \"formatter异常!\");\n      }\n    },\n    initSlots(o) {\n      if (o.selectDom == 20) {\n        o.slotsName = 'img_default';\n        o.slots = {\n          default: 'img_default'\n        };\n      }\n      if (o.selectDom == '21') {\n        o.slotsName = 'icon_default';\n        o.slots = {\n          default: 'icon_default'\n        };\n      }\n      if (o.selectDom == '23') {\n        o.slotsName = 'video_default';\n        o.slots = {\n          default: 'video_default'\n        };\n      }\n    },\n    /**\r\n     * 播放器初始化\r\n     * @param player\r\n     */\n    handleReady(player) {\n      console.log(' 播放器已初始化', player);\n      this.player = player;\n    },\n    /**\r\n     * 视频播放\r\n     */\n    handlePlay() {\n      console.log(' 视频开始播放');\n    },\n    changeToChinese() {\n      console.log(\"this.playerOptions.value.player\", this.player);\n    },\n    handlePlay1() {\n      console.log(' 视频开始播放');\n      this.$refs.playerRef.player.play(); // 通过ref调用播放器方法\n      this.showCustomModal.value = false;\n    },\n    setFixed(item) {\n      //修改固定字段的值\n      if (item.fixed === '1') {\n        item.fixed = 'left';\n      } else if (item.fixed === '2') {\n        item.fixed = 'right';\n      }\n      if (item.align === '1') {\n        item.align = 'left';\n      } else if (item.align === '2') {\n        item.align = 'right';\n      } else if (item.align === '0') {\n        item.align = 'center';\n      }\n    },\n    setProp(item) {\n      item.resizable = undefined;\n      if (item.sortable != undefined && item.sortable != \"\") {\n        let order = item.field + (item.sortable == 0 ? \" ASC \" : \" DESC \");\n        this.orderByColumns.push(order);\n      }\n      ////时间类型\n      if (!item.width && (item.selectDom == 3 || item.selectDom == 6)) {\n        item.minWidth = 150;\n      } else if (!item.width && item.title) {\n        item.minWidth = item.title.length * 30;\n      }\n    },\n    setShowFooter(item) {\n      if (item['totalToOtherProp']) {\n        this.table['show-footer'] = true;\n      }\n    },\n    toParseOtherProp(item) {\n      //其他属性赋值\n      try {\n        let otherProp = JSON.parse(item?.otherProp || {});\n        item.otherProp = otherProp;\n        for (let key of Object.keys(otherProp)) {\n          item[key] = otherProp[key];\n        }\n      } catch (e) {\n        if (item.otherProp) {\n          console.error(item.field + \"其他属性无法解析：\" + item.otherProp);\n        }\n        item.otherProp = {};\n      }\n      if (item['totalToOtherProp'] === undefined) {\n        item['totalToOtherProp'] = '';\n      }\n    },\n    /**\r\n    * 设置搜索\r\n    * @param items\r\n    */\n    setSearchArea(items) {\n      if (items.length != 0) {\n        items.push({\n          itemRender: {\n            name: '$buttons',\n            children: [{\n              props: {\n                type: 'submit',\n                content: '查询',\n                status: 'primary'\n              },\n              events: {\n                click: this.query\n              }\n            }, {\n              props: {\n                type: 'button',\n                content: '重置'\n              },\n              events: {\n                click: this.resetQuery\n              }\n            }]\n          }\n        });\n        this.table.formConfig.size = this.table.size;\n      }\n      this.table.formConfig.items = items;\n    },\n    setFilters(o) {\n      if (o.dictCode) {\n        o.filters = this.dictVal(o.dictCode);\n        o.filterMultiple = true;\n        o.filterMethod = ({\n          option,\n          row,\n          column\n        }) => {};\n      } else {\n        // o.slots={\n        //     header:'OlTableFilterRender'\n        // }\n        o.filters = [{\n          data: ''\n        }];\n        o.filterMultiple = false;\n        o.filterRender = {\n          name: 'FilterExtend'\n        };\n        o.cellType = this.getType(o.selectDom);\n      }\n      o.filterMethod = this.filterMethod;\n    },\n    filterMethod({\n      option,\n      row,\n      column\n    }) {\n      const {\n        type,\n        value,\n        min,\n        max\n      } = option?.data || {};\n      const cellValue = String(row[column.field]);\n      switch (type) {\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().EQUAL):\n          return this.isEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().NOT_EQUAL):\n          return this.isNotEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().STARTS_WITH):\n          return this.startsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().ENDS_WITH):\n          return this.endsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().CONTAINS):\n          return this.contains(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().BETWEEN):\n          if (column.cellType === 'date' || column.cellType === 'datetime') {\n            return this.dateTimeFilterMethod({\n              cellValue,\n              min,\n              max\n            });\n          }\n          return this.isInRange(cellValue, min, max);\n        default:\n          if (option.value) {\n            return cellValue === option.value;\n          }\n          return true;\n      }\n    },\n    /**\r\n     * 数值范围筛选方法\r\n     * @param cellValue\r\n     * @param min\r\n     * @param max\r\n     * @returns {boolean}\r\n     */\n    isInRange(cellValue, min, max) {\n      const numValue = Number(cellValue) || 0;\n      const numMin = Number(min) || -Infinity;\n      const numMax = Number(max) || Infinity;\n      return numValue >= numMin && numValue <= numMax;\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    endsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.endsWith(item));\n      }\n      return cellValue.endsWith(value);\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    startsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.startsWith(item));\n      }\n      return cellValue.startsWith(value);\n    },\n    /**\r\n     * 判断是否包含\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    contains(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.includes(item));\n      }\n      return cellValue.includes(value);\n    },\n    /**\r\n     * 判断字符串与值是否不相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否不相等\r\n     */\n    isNotEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return !value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue !== value;\n    },\n    /**\r\n     * 比较字符串与值是否相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否相等\r\n     */\n    isEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue === value;\n    },\n    /**\r\n     * 日期时间范围筛选方法\r\n     * @param cellValue 表格数据值\r\n     * @param min 最小值\r\n     * @param max 最大值\r\n     * @returns {boolean}\r\n     */\n    dateTimeFilterMethod({\n      cellValue,\n      min,\n      max\n    }) {\n      if (!min && !max) {\n        return true;\n      }\n      const rowValue = cellValue ? new Date(cellValue) : null;\n      const startDate = min ? new Date(min) : null;\n      const endDate = max ? new Date(max) : null;\n      if (startDate && endDate) {\n        return rowValue >= startDate && rowValue <= endDate;\n      } else if (startDate) {\n        return rowValue >= startDate;\n      } else if (endDate) {\n        return rowValue <= endDate;\n      }\n      return true;\n    },\n    getVNode(o, items) {\n      if (o.selectType == undefined) {\n        return;\n      }\n      //99是范围查询\n      if (o.selectType == 99) {\n        let itemStart = this.initFormConfig(o, 5);\n        let itemEnd = this.initFormConfig(o, 6);\n        //时间范围查询\n        if (o.selectDom == 3 || o.selectDom == 6) {\n          let placeholder = o.selectDom == 3 ? '时间' : '';\n          itemStart.placeholder = '请选择开始日期' + placeholder;\n          delete itemStart.itemRender;\n          itemEnd.placeholder = '请选择结束日期' + placeholder;\n        }\n        items.push(itemStart);\n        items.push(itemEnd);\n      } else {\n        items.push(this.initFormConfig(o));\n      }\n    },\n    initFormConfig(o, type) {\n      let key = o.fieldNameSEARCHToOtherProp != undefined && o.fieldNameSEARCHToOtherProp != '' ? o.fieldNameSEARCHToOtherProp : o.tableField;\n      if (o.tableNameSEARCHToOtherProp != undefined && o.tableNameSEARCHToOtherProp != '') {\n        key = o.tableNameSEARCHToOtherProp + '.' + key;\n      }\n      let item = {\n        align: 'left',\n        field: key,\n        span: 6,\n        searchSort: o.searchSort,\n        title: o.titleSEARCHToOtherProp != undefined ? o.titleSEARCHToOtherProp : o.title,\n        key: key,\n        type: o.selectType,\n        selectDom: o.selectDom,\n        tableName: o.tableNameSEARCHToOtherProp,\n        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true,\n        toDate: o.toDateSEARCHToOtherProp,\n        itemRender: {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        }\n      };\n      try {\n        this.table.formConfig.data[item.key] = eval(o.valueSEARCHToOtherProp);\n      } catch (e) {}\n      if (type == 5) {\n        item.title = o.title + \"开始\";\n        item.type = 5;\n        item.field = \"$\" + o.tableField;\n        item.key = \"$\" + o.tableField;\n      } else if (type == 6) {\n        item.field = o.tableField + \"$\";\n        item.type = 6;\n        item.key = o.tableField + \"$\";\n        item.title = o.title + \"结束\";\n      }\n      if ((item.type == 6 || item.type == 5) && o.selectDom == undefined) {\n        o.selectDom = 7;\n      }\n      this.getItemRender(o, item, type);\n      if (item.title && item.title.length > 6) {\n        item.titleWidth = 20 * (item.title.length - 2);\n      } else if (item.title.toString().trim().length == 0) {\n        item.titleWidth = 0;\n      }\n      if (o.spanSEARCHToOtherProp != undefined) {\n        item.span = 6;\n      }\n      return item;\n    },\n    getItemRender(o, item, type) {\n      if (o.dictCode) {\n        delete item.itemRender;\n        item.slots = {\n          default: o.selectDom + item.field\n        };\n        item.slotsName = o.selectDom + item.field;\n        item.options = this.dictVal(o.dictCode);\n        item.placeholder = '请选择' + o.title;\n        item.clearable = o.clearableSEARCHToOtherProp != '1';\n        item.multiple = o.selectDom == '8';\n        item.filterable = true;\n      } else if (o.selectDom == 7) {\n        item.itemRender.props.type = 'number';\n      } else if (o.selectDom == 10) {\n        item.itemRender.name = 'textarea';\n      } else if (o.selectDom == 3 || o.selectDom == 6) {\n        delete item.itemRender;\n        item.domDate = true;\n        item.selectType = o.selectType;\n        //这里跟element plus不一样\n        item.domFormat = vue__WEBPACK_IMPORTED_MODULE_0__.version.split('.')[0] == 2 ? 'yyyy-MM-dd' : 'YYYY-MM-DD';\n        if (item.selectDom == 3) {\n          item.domFormat = item.domFormat + ' HH:mm:ss';\n          item.domType = o.selectType == 98 ? \"datetimerange\" : 'datetime';\n        } else {\n          item.domType = o.selectType == 98 ? \"daterange\" : 'date';\n        }\n        item.slots = {\n          default: o.selectDom + item.field + \"_time\"\n        };\n        item.slotsName = o.selectDom + item.field + \"_time\";\n        item.placeholder = '请选择';\n        if (type == 5) {\n          item.placeholder += \"开始\";\n        } else if (type == 6) {\n          item.placeholder += \"结束\";\n        }\n        if (o.selectDom == 3) {\n          item.placeholder += \"时间\";\n        }\n      }\n    },\n    setColumnShowOverFlow(column, optionObj) {\n      if (optionObj) {\n        if (optionObj.table && optionObj.table.columnConfig && optionObj.table.columnConfig.showOverflow) {\n          if (column.type != 'seq' || column.type != 'checkbox') {\n            column.showOverflow = optionObj.table.columnConfig.showOverflow;\n          }\n        }\n      }\n    },\n    initMergeCells() {\n      if (this.table.mergeCells) {\n        this.table.mergeCells = JSON.parse(this.table.mergeCells);\n        return;\n      }\n      if (this.table.mergeFields && this.table.mergeFields.length != 0) {\n        this.table.spanMethod = this.mergeRowMethod;\n      }\n    },\n    // 通用行合并函数（将相同多列数据合并为一行）\n    mergeRowMethod({\n      row,\n      _rowIndex,\n      column,\n      visibleData\n    }) {\n      const cellValue = row[column.field];\n      if (cellValue && this.table.mergeFields.includes(column.field)) {\n        const prevRow = visibleData[_rowIndex - 1];\n        let nextRow = visibleData[_rowIndex + 1];\n        if (prevRow && prevRow[column.field] === cellValue) {\n          return {\n            rowspan: 0,\n            colspan: 0\n          };\n        } else {\n          let countRowspan = 1;\n          while (nextRow && nextRow[column.field] === cellValue) {\n            nextRow = visibleData[++countRowspan + _rowIndex];\n          }\n          if (countRowspan > 1) {\n            return {\n              rowspan: countRowspan,\n              colspan: 1\n            };\n          }\n        }\n      }\n    },\n    setDictCellStyle({\n      row,\n      rowIndex,\n      $rowIndex,\n      column,\n      columnIndex,\n      $columnIndex\n    }) {\n      if (column.params && column.params.cssClass) {\n        return column.params.cssClass[row[column[(0,_utils_columnProp__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(column)]]];\n      }\n    },\n    setTableStyle(option) {\n      if (option['cell-style'] === undefined) {\n        option['cell-style'] = {\n          flag: \"flag##function#\",\n          isFunction: true\n        };\n      }\n      option['cell-style']['code'] = \"let OTMixinColumnMethod_setDictCellStyle = this.setDictCellStyle(params); if(OTMixinColumnMethod_setDictCellStyle){ return OTMixinColumnMethod_setDictCellStyle;}\\n\" + option['cell-style']['code'];\n    }\n  }\n};\n\n//# sourceURL=webpack://olp-table/./src/mixins/VTMixin/OTMixinColumnMethod.js?");
 /***/ }),

package/olp-table.umd.min.js CHANGED Viewed

@@ -12732,7 +12732,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OTMixinColumnMethod: function() { return /* binding */ OTMixinColumnMethod; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"vue\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.iterator.some.js */ \"./node_modules/core-js/modules/es.iterator.some.js\");\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _utils_columnProp__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/utils/columnProp */ \"./src/utils/columnProp.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/utils/FilterType.js */ \"./src/utils/FilterType.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__);\n\n\n\n\n\n\n\n\n\n\n\nfunction setColumnParams(column, key, value) {\n  if (value === undefined) {\n    return;\n  }\n  if (!column['params']) {\n    column['params'] = {};\n  }\n  column['params'][key] = value;\n}\nconst OTMixinColumnMethod = {\n  methods: {\n    setColumnCssClass(o) {\n      if (o.dictCode) {\n        let vals = this.dictVal(o.dictCode);\n        let cssClass = {};\n        if (vals) {\n          let dictValueLabel = {};\n          for (let obj of vals) {\n            dictValueLabel[obj.dictValue] = obj.dictLabel;\n            if (obj.cssClass) {\n              let css = obj.cssClass.trim();\n              try {\n                css = css.replace(/([a-zA-Z_]\\w*):/g, '\"$1\":').replace(/'/g, '\"');\n                css = JSON.parse(css);\n                if (Array.isArray(css)) {\n                  let data = {};\n                  if (css[0]) {\n                    data['backgroundColor'] = css[0];\n                  }\n                  if (css[1]) {\n                    data['color'] = css[1];\n                  }\n                  cssClass[obj.dictValue] = data;\n                } else {\n                  cssClass[obj.dictValue] = css;\n                }\n              } catch (e) {\n                console.error(\"列名：\", o.title, \"数据字典：\", obj.dictLabel, \"样式异常：\", css);\n              }\n            }\n          }\n          setColumnParams(o, 'dictValueLabel', dictValueLabel);\n        }\n        if (Object.keys(cssClass).length != 0) {\n          setColumnParams(o, 'cssClass', cssClass);\n        }\n      }\n    },\n    initColumn(columns, tableConfig) {\n      this.table.mergeFields = [];\n      let items = [];\n      columns = columns.sort(({\n        sort: a\n      }, {\n        sort: b\n      }) => a - b);\n      for (let column of columns) {\n        this.toParseOtherProp(column);\n      }\n      this.table.columnSource = JSON.parse(JSON.stringify(columns));\n      let {\n        optionJson,\n        seq\n      } = tableConfig;\n      if (optionJson) {\n        optionJson = JSON.parse(optionJson);\n      }\n      let enableFilter = optionJson?.table?.enableFilter;\n      let hasEditConfig = this.hasEditConfig();\n      for (let o of columns) {\n        this.setColumnCssClass(o);\n        this.initFormatter(o);\n        this.initSlots(o);\n        this.setTreeOpenColumn(o, tableConfig);\n        this.setMergeField(o);\n        this.setColumnShowOverFlow(o, optionJson);\n        this.setProp(o);\n        this.setColumnHide(o);\n        this.setFixed(o);\n        this.setShowFooter(o);\n        this.getVNode(o, items);\n        if (enableFilter) {\n          this.setFilters(o);\n        }\n        // 可编辑配置\n        if (hasEditConfig) {\n          this.setEditConfig(o);\n        }\n      }\n      items.sort(({\n        searchSort: a\n      }, {\n        searchSort: b\n      }) => a - b);\n      this.setSearchArea(items);\n      columns = this.initBodyLeftColumn(columns, seq);\n      if (this.table['show-footer']) {\n        if (!columns[0].width || columns[0].width < 55) {\n          columns[0].width = 55;\n        }\n      }\n      this.table.columns = columns;\n\n      // console.info('表格',this.table)\n      // console.info('表格配置信息',this.table.columnSource)\n\n      this.setColumnFormatter(this, '24', 'department'); //部门选择器的Formatter\n      this.setColumnFormatter(this, '25', 'role'); //角色选择器的Formatter\n      this.setColumnFormatter(this, '26', 'post'); //岗位选择器的Formatter\n      this.setColumnFormatter(this, '27', 'user'); //人员选择器的Formatter\n\n      //暂时不合并，启用虚拟滚动\n      this.initMergeCells();\n    },\n    /**\r\n     * 动态设置列的 formatter（将值映射为字典标签）\r\n     * @param {Object} context - Vue 组件实例（this）\r\n     * @param {String} selectDomValue - 匹配的 selectDom 值（如 '24'）\r\n     * @param {String} typeField - 动态列配置属性名（如 'department'）\r\n     */\n    setColumnFormatter(context, selectDomValue, typeField) {\n      const configListProp = typeField + 'ColumnsConfig';\n      const dictPropName = typeField + 'Dict';\n\n      // 1. 过滤出目标列配置\n      const configList = context.table.columnSource.filter(item => item.selectDom === selectDomValue);\n      context.table.other[configListProp] = configList;\n\n      // console.info(`动态列配置（${configListProp}）:`, configList);\n\n      // 2. 如果存在目标列，设置 formatter\n      if (configList.length > 0) {\n        configList.forEach(columnConfig => {\n          const targetColumn = context.table.columns.find(col => col.field === columnConfig.field);\n          if (targetColumn) {\n            targetColumn.formatter = ({\n              cellValue\n            }) => {\n              // 检查是否是类似'[1,2]'的数组字符串\n              // if (typeof cellValue === 'string' && cellValue.startsWith('[') && cellValue.endsWith(']')) {\n              if (typeof cellValue === 'string') {\n                try {\n                  // 尝试解析为数组\n                  let values = {};\n                  if (cellValue.startsWith('[') && cellValue.endsWith(']')) {\n                    values = JSON.parse(cellValue);\n                  } else if (cellValue.includes(',')) {\n                    values = JSON.parse('[' + cellValue + ']');\n                  }\n                  if (Array.isArray(values)) {\n                    // 查找所有匹配的字典项并拼接标签\n                    const labels = values.map(value => {\n                      const dictItem = context.table.other[dictPropName]?.find(item => item.value == value // 使用宽松相等比较\n                      );\n                      return dictItem ? dictItem.label : value;\n                    });\n                    return labels.join(','); // 用逗号连接标签\n                  }\n                } catch (e) {\n                  // 解析失败，按原样处理\n                }\n              }\n              const dictItem = context.table.other[dictPropName]?.find(item => item.value === cellValue);\n              return dictItem ? dictItem.label : cellValue; // 显示标签或原值\n            };\n          }\n        });\n      }\n    },\n    hasEditConfig() {\n      return this.table.editConfig && (this.table.editConfig.enabled === true || typeof this.table.editConfig.enabled === 'string' && this.table.editConfig.enabled.toLowerCase() === 'true');\n    },\n    setEditConfig(o) {\n      if (o.tableSaveToOtherProp && o.tableSaveToOtherProp == '1') {\n        return;\n      }\n      if (o.selectDom == '1') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 文本域\n      if (o.selectDom == '10') {\n        o.editRender = {\n          name: 'textarea',\n          props: {\n            type: 'textarea',\n            // 指定为多行文本框\n            placeholder: '请输入' + o.title,\n            rows: 3,\n            // 默认显示行数\n            autosize: {\n              minRows: 2,\n              maxRows: 6\n            },\n            // 自动调整高度\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 数字\n      if (o.selectDom == '7') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            type: this.getType(o.selectDom),\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 时间\n      if (o.selectDom == '3' || o.selectDom == '6') {\n        o.editRender = {\n          name: 'VxeInput',\n          props: {\n            type: this.getType(o.selectDom),\n            valueFormat: 'yyyy-MM-dd HH:mm:ss'\n          }\n        };\n      }\n      // 下拉框\n      if (o.selectDom == '2' || o.selectDom == '8') {\n        o.editRender = {\n          name: 'VxeSelect',\n          options: this.dictVal(o.dictCode),\n          props: {\n            placeholder: '请选择' + o.title\n          }\n        };\n      }\n      if (o.selectDom == '5') {\n        console.log('复选框：', o);\n        // o.slotsName = 'checkbox_default';\n        // o.slots = {\n        //     default: 'checkbox_default'\n        // }\n        o.slots = {\n          default: ({\n            row,\n            column\n          }) => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"vxe-checkbox\"), {\n            \"modelValue\": row[column.field],\n            \"onUpdate:modelValue\": $event => row[column.field] = $event,\n            \"checkedValue\": 1,\n            \"uncheckedValue\": 0\n          }, null)\n        };\n      }\n    },\n    getType(selectDom) {\n      if (selectDom == '3') {\n        return 'datetime';\n      }\n      if (selectDom == '6') {\n        return 'date';\n      }\n      if (selectDom == '7') {\n        return 'number';\n      }\n    },\n    /**\r\n     * 初始化列左边\r\n     * @param columns\r\n     * @param type\r\n     * @returns {*}\r\n     */\n    initBodyLeftColumn(columns, type) {\n      const hasSeqColumn = columns.some(col => ['seq', 'sequence', '序号'].includes(col.field || col.prop || col.type));\n      if (type == 1 && !hasSeqColumn) {\n        columns.unshift({\n          type: 'seq',\n          width: 55,\n          title: '序号',\n          fixed: 'left'\n        });\n      }\n      const hasCheckboxColumn = columns.some(col => ['checkbox'].includes(col.type));\n      const hasRadioColumn = columns.some(col => ['radio'].includes(col.type));\n      if (this.selectBox == 2 && !hasCheckboxColumn) {\n        columns.unshift({\n          type: 'checkbox',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      } else if (this.selectBox == 1 && !hasRadioColumn) {\n        columns.unshift({\n          type: 'radio',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      }\n      return columns;\n    },\n    setTreeOpenColumn(o, tableConfig) {\n      if (tableConfig.tree == 1 && o.field == tableConfig.openColumn) {\n        o.treeNode = true;\n        if (!o.align) {\n          o.align = 'left';\n        }\n      }\n    },\n    setMergeField(column) {\n      if (column.mergeFlag == '1') {\n        this.table.mergeFields.push(column.field);\n      }\n    },\n    setColumnHide(o) {\n      //隐藏\n      if (o.visible == \"0\") {\n        o.visible = false;\n      }\n    },\n    initFormatter(o) {\n      try {\n        if (o.formatter) {\n          o.formatter = eval(\"({cellValue, row, column})=>{\" + o.formatter + \"}\");\n        } else if (o.dictCode) {\n          o.formatter = eval(\"\" + \"({cellValue, row, column})=>{if(column.params && column.params.dictValueLabel){ let dictValueLabelElement = column.params.dictValueLabel[cellValue];if(dictValueLabelElement){return dictValueLabelElement;} }return  cellValue}\");\n        }\n      } catch (e) {\n        console.log(o.title, \"formatter异常：\", o.formatter);\n        this.$message.error(o.title + \"formatter异常!\");\n      }\n    },\n    initSlots(o) {\n      if (o.selectDom == 20) {\n        o.slotsName = 'img_default';\n        o.slots = {\n          default: 'img_default'\n        };\n      }\n      if (o.selectDom == '21') {\n        o.slotsName = 'icon_default';\n        o.slots = {\n          default: 'icon_default'\n        };\n      }\n      if (o.selectDom == '23') {\n        o.slotsName = 'video_default';\n        o.slots = {\n          default: 'video_default'\n        };\n      }\n    },\n    /**\r\n     * 播放器初始化\r\n     * @param player\r\n     */\n    handleReady(player) {\n      console.log(' 播放器已初始化', player);\n      this.player = player;\n    },\n    /**\r\n     * 视频播放\r\n     */\n    handlePlay() {\n      console.log(' 视频开始播放');\n    },\n    changeToChinese() {\n      console.log(\"this.playerOptions.value.player\", this.player);\n    },\n    handlePlay1() {\n      console.log(' 视频开始播放');\n      this.$refs.playerRef.player.play(); // 通过ref调用播放器方法\n      this.showCustomModal.value = false;\n    },\n    setFixed(item) {\n      //修改固定字段的值\n      if (item.fixed === '1') {\n        item.fixed = 'left';\n      } else if (item.fixed === '2') {\n        item.fixed = 'right';\n      }\n      if (item.align === '1') {\n        item.align = 'left';\n      } else if (item.align === '2') {\n        item.align = 'right';\n      } else if (item.align === '0') {\n        item.align = 'center';\n      }\n    },\n    setProp(item) {\n      item.resizable = undefined;\n      if (item.sortable != undefined && item.sortable != \"\") {\n        let order = item.field + (item.sortable == 0 ? \" ASC \" : \" DESC \");\n        this.orderByColumns.push(order);\n      }\n      ////时间类型\n      if (!item.width && (item.selectDom == 3 || item.selectDom == 6)) {\n        item.minWidth = 150;\n      } else if (!item.width && item.title) {\n        item.minWidth = item.title.length * 30;\n      }\n    },\n    setShowFooter(item) {\n      if (item['totalToOtherProp']) {\n        this.table['show-footer'] = true;\n      }\n    },\n    toParseOtherProp(item) {\n      //其他属性赋值\n      try {\n        let otherProp = JSON.parse(item?.otherProp || {});\n        item.otherProp = otherProp;\n        for (let key of Object.keys(otherProp)) {\n          item[key] = otherProp[key];\n        }\n      } catch (e) {\n        if (item.otherProp) {\n          console.error(item.field + \"其他属性无法解析：\" + item.otherProp);\n        }\n        item.otherProp = {};\n      }\n      if (item['totalToOtherProp'] === undefined) {\n        item['totalToOtherProp'] = '';\n      }\n    },\n    /**\r\n    * 设置搜索\r\n    * @param items\r\n    */\n    setSearchArea(items) {\n      if (items.length != 0) {\n        items.push({\n          itemRender: {\n            name: '$buttons',\n            children: [{\n              props: {\n                type: 'submit',\n                content: '查询',\n                status: 'primary'\n              },\n              events: {\n                click: this.query\n              }\n            }, {\n              props: {\n                type: 'button',\n                content: '重置'\n              },\n              events: {\n                click: this.resetQuery\n              }\n            }]\n          }\n        });\n        this.table.formConfig.size = this.table.size;\n      }\n      this.table.formConfig.items = items;\n    },\n    setFilters(o) {\n      if (o.dictCode) {\n        o.filters = this.dictVal(o.dictCode);\n        o.filterMultiple = true;\n        o.filterMethod = ({\n          option,\n          row,\n          column\n        }) => {};\n      } else {\n        // o.slots={\n        //     header:'OlTableFilterRender'\n        // }\n        o.filters = [{\n          data: ''\n        }];\n        o.filterMultiple = false;\n        o.filterRender = {\n          name: 'FilterExtend'\n        };\n        o.cellType = this.getType(o.selectDom);\n      }\n      o.filterMethod = this.filterMethod;\n    },\n    filterMethod({\n      option,\n      row,\n      column\n    }) {\n      const {\n        type,\n        value,\n        min,\n        max\n      } = option?.data || {};\n      const cellValue = String(row[column.field]);\n      switch (type) {\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().EQUAL):\n          return this.isEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().NOT_EQUAL):\n          return this.isNotEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().STARTS_WITH):\n          return this.startsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().ENDS_WITH):\n          return this.endsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().CONTAINS):\n          return this.contains(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().BETWEEN):\n          if (column.cellType === 'date' || column.cellType === 'datetime') {\n            return this.dateTimeFilterMethod({\n              cellValue,\n              min,\n              max\n            });\n          }\n          return this.isInRange(cellValue, min, max);\n        default:\n          if (option.value) {\n            return cellValue === option.value;\n          }\n          return true;\n      }\n    },\n    /**\r\n     * 数值范围筛选方法\r\n     * @param cellValue\r\n     * @param min\r\n     * @param max\r\n     * @returns {boolean}\r\n     */\n    isInRange(cellValue, min, max) {\n      const numValue = Number(cellValue) || 0;\n      const numMin = Number(min) || -Infinity;\n      const numMax = Number(max) || Infinity;\n      return numValue >= numMin && numValue <= numMax;\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    endsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.endsWith(item));\n      }\n      return cellValue.endsWith(value);\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    startsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.startsWith(item));\n      }\n      return cellValue.startsWith(value);\n    },\n    /**\r\n     * 判断是否包含\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    contains(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.includes(item));\n      }\n      return cellValue.includes(value);\n    },\n    /**\r\n     * 判断字符串与值是否不相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否不相等\r\n     */\n    isNotEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return !value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue !== value;\n    },\n    /**\r\n     * 比较字符串与值是否相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否相等\r\n     */\n    isEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue === value;\n    },\n    /**\r\n     * 日期时间范围筛选方法\r\n     * @param cellValue 表格数据值\r\n     * @param min 最小值\r\n     * @param max 最大值\r\n     * @returns {boolean}\r\n     */\n    dateTimeFilterMethod({\n      cellValue,\n      min,\n      max\n    }) {\n      if (!min && !max) {\n        return true;\n      }\n      const rowValue = cellValue ? new Date(cellValue) : null;\n      const startDate = min ? new Date(min) : null;\n      const endDate = max ? new Date(max) : null;\n      if (startDate && endDate) {\n        return rowValue >= startDate && rowValue <= endDate;\n      } else if (startDate) {\n        return rowValue >= startDate;\n      } else if (endDate) {\n        return rowValue <= endDate;\n      }\n      return true;\n    },\n    getVNode(o, items) {\n      if (o.selectType == undefined) {\n        return;\n      }\n      //99是范围查询\n      if (o.selectType == 99) {\n        let itemStart = this.initFormConfig(o, 5);\n        let itemEnd = this.initFormConfig(o, 6);\n        //时间范围查询\n        if (o.selectDom == 3 || o.selectDom == 6) {\n          let placeholder = o.selectDom == 3 ? '时间' : '';\n          itemStart.placeholder = '请选择开始日期' + placeholder;\n          delete itemStart.itemRender;\n          itemEnd.placeholder = '请选择结束日期' + placeholder;\n        }\n        items.push(itemStart);\n        items.push(itemEnd);\n      } else {\n        items.push(this.initFormConfig(o));\n      }\n    },\n    initFormConfig(o, type) {\n      let key = o.fieldNameSEARCHToOtherProp != undefined && o.fieldNameSEARCHToOtherProp != '' ? o.fieldNameSEARCHToOtherProp : o.tableField;\n      if (o.tableNameSEARCHToOtherProp != undefined && o.tableNameSEARCHToOtherProp != '') {\n        key = o.tableNameSEARCHToOtherProp + '.' + key;\n      }\n      let item = {\n        align: 'left',\n        field: key,\n        span: 6,\n        searchSort: o.searchSort,\n        title: o.titleSEARCHToOtherProp != undefined ? o.titleSEARCHToOtherProp : o.title,\n        key: key,\n        type: o.selectType,\n        selectDom: o.selectDom,\n        tableName: o.tableNameSEARCHToOtherProp,\n        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true,\n        toDate: o.toDateSEARCHToOtherProp,\n        itemRender: {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        }\n      };\n      try {\n        this.table.formConfig.data[item.key] = eval(o.valueSEARCHToOtherProp);\n      } catch (e) {}\n      if (type == 5) {\n        item.title = o.title + \"开始\";\n        item.type = 5;\n        item.field = \"$\" + o.tableField;\n        item.key = \"$\" + o.tableField;\n      } else if (type == 6) {\n        item.field = o.tableField + \"$\";\n        item.type = 6;\n        item.key = o.tableField + \"$\";\n        item.title = o.title + \"结束\";\n      }\n      if ((item.type == 6 || item.type == 5) && o.selectDom == undefined) {\n        o.selectDom = 7;\n      }\n      this.getItemRender(o, item, type);\n      if (item.title && item.title.length > 6) {\n        item.titleWidth = 20 * (item.title.length - 2);\n      } else if (item.title.toString().trim().length == 0) {\n        item.titleWidth = 0;\n      }\n      if (o.spanSEARCHToOtherProp != undefined) {\n        item.span = 6;\n      }\n      return item;\n    },\n    getItemRender(o, item, type) {\n      if (o.dictCode) {\n        delete item.itemRender;\n        item.slots = {\n          default: o.selectDom + item.field\n        };\n        item.slotsName = o.selectDom + item.field;\n        item.options = this.dictVal(o.dictCode);\n        item.placeholder = '请选择' + o.title;\n        item.clearable = o.clearableSEARCHToOtherProp != '1';\n        item.multiple = o.selectDom == '8';\n        item.filterable = true;\n      } else if (o.selectDom == 7) {\n        item.itemRender.props.type = 'number';\n      } else if (o.selectDom == 10) {\n        item.itemRender.name = 'textarea';\n      } else if (o.selectDom == 3 || o.selectDom == 6) {\n        delete item.itemRender;\n        item.domDate = true;\n        item.selectType = o.selectType;\n        //这里跟element plus不一样\n        item.domFormat = vue__WEBPACK_IMPORTED_MODULE_0__.version.split('.')[0] == 2 ? 'yyyy-MM-dd' : 'YYYY-MM-DD';\n        if (item.selectDom == 3) {\n          item.domFormat = item.domFormat + ' HH:mm:ss';\n          item.domType = o.selectType == 98 ? \"datetimerange\" : 'datetime';\n        } else {\n          item.domType = o.selectType == 98 ? \"daterange\" : 'date';\n        }\n        item.slots = {\n          default: o.selectDom + item.field + \"_time\"\n        };\n        item.slotsName = o.selectDom + item.field + \"_time\";\n        item.placeholder = '请选择';\n        if (type == 5) {\n          item.placeholder += \"开始\";\n        } else if (type == 6) {\n          item.placeholder += \"结束\";\n        }\n        if (o.selectDom == 3) {\n          item.placeholder += \"时间\";\n        }\n      }\n    },\n    setColumnShowOverFlow(column, optionObj) {\n      if (optionObj) {\n        if (optionObj.table && optionObj.table.columnConfig && optionObj.table.columnConfig.showOverflow) {\n          if (column.type != 'seq' || column.type != 'checkbox') {\n            column.showOverflow = optionObj.table.columnConfig.showOverflow;\n          }\n        }\n      }\n    },\n    initMergeCells() {\n      if (this.table.mergeCells) {\n        this.table.mergeCells = JSON.parse(this.table.mergeCells);\n        return;\n      }\n      if (this.table.mergeFields && this.table.mergeFields.length != 0) {\n        this.table.spanMethod = this.mergeRowMethod;\n      }\n    },\n    // 通用行合并函数（将相同多列数据合并为一行）\n    mergeRowMethod({\n      row,\n      _rowIndex,\n      column,\n      visibleData\n    }) {\n      const cellValue = row[column.field];\n      if (cellValue && this.table.mergeFields.includes(column.field)) {\n        const prevRow = visibleData[_rowIndex - 1];\n        let nextRow = visibleData[_rowIndex + 1];\n        if (prevRow && prevRow[column.field] === cellValue) {\n          return {\n            rowspan: 0,\n            colspan: 0\n          };\n        } else {\n          let countRowspan = 1;\n          while (nextRow && nextRow[column.field] === cellValue) {\n            nextRow = visibleData[++countRowspan + _rowIndex];\n          }\n          if (countRowspan > 1) {\n            return {\n              rowspan: countRowspan,\n              colspan: 1\n            };\n          }\n        }\n      }\n    },\n    setDictCellStyle({\n      row,\n      rowIndex,\n      $rowIndex,\n      column,\n      columnIndex,\n      $columnIndex\n    }) {\n      if (column.params && column.params.cssClass) {\n        return column.params.cssClass[row[column[(0,_utils_columnProp__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(column)]]];\n      }\n    },\n    setTableStyle(option) {\n      if (option['cell-style'] === undefined) {\n        option['cell-style'] = {\n          flag: \"flag##function#\",\n          isFunction: true\n        };\n      }\n      option['cell-style']['code'] = \"let OTMixinColumnMethod_setDictCellStyle = this.setDictCellStyle(params); if(OTMixinColumnMethod_setDictCellStyle){ return OTMixinColumnMethod_setDictCellStyle;}\\n\" + option['cell-style']['code'];\n    }\n  }\n};\n\n//# sourceURL=webpack://olp-table/./src/mixins/VTMixin/OTMixinColumnMethod.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OTMixinColumnMethod: function() { return /* binding */ OTMixinColumnMethod; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"vue\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.iterator.some.js */ \"./node_modules/core-js/modules/es.iterator.some.js\");\n/* harmony import */ var core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_some_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _utils_columnProp__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/utils/columnProp */ \"./src/utils/columnProp.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/utils/FilterType.js */ \"./src/utils/FilterType.js\");\n/* harmony import */ var _utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9__);\n\n\n\n\n\n\n\n\n\n\n\nfunction setColumnParams(column, key, value) {\n  if (value === undefined) {\n    return;\n  }\n  if (!column['params']) {\n    column['params'] = {};\n  }\n  column['params'][key] = value;\n}\nconst OTMixinColumnMethod = {\n  methods: {\n    setColumnCssClass(o) {\n      if (o.dictCode) {\n        let vals = this.dictVal(o.dictCode);\n        let cssClass = {};\n        if (vals) {\n          let dictValueLabel = {};\n          for (let obj of vals) {\n            dictValueLabel[obj.dictValue] = obj.dictLabel;\n            if (obj.cssClass) {\n              let css = obj.cssClass.trim();\n              try {\n                css = css.replace(/([a-zA-Z_]\\w*):/g, '\"$1\":').replace(/'/g, '\"');\n                css = JSON.parse(css);\n                if (Array.isArray(css)) {\n                  let data = {};\n                  if (css[0]) {\n                    data['backgroundColor'] = css[0];\n                  }\n                  if (css[1]) {\n                    data['color'] = css[1];\n                  }\n                  cssClass[obj.dictValue] = data;\n                } else {\n                  cssClass[obj.dictValue] = css;\n                }\n              } catch (e) {\n                console.error(\"列名：\", o.title, \"数据字典：\", obj.dictLabel, \"样式异常：\", css);\n              }\n            }\n          }\n          setColumnParams(o, 'dictValueLabel', dictValueLabel);\n        }\n        if (Object.keys(cssClass).length != 0) {\n          setColumnParams(o, 'cssClass', cssClass);\n        }\n      }\n    },\n    initColumn(columns, tableConfig) {\n      this.table.mergeFields = [];\n      let items = [];\n      columns = columns.sort(({\n        sort: a\n      }, {\n        sort: b\n      }) => a - b);\n      for (let column of columns) {\n        this.toParseOtherProp(column);\n      }\n      this.table.columnSource = JSON.parse(JSON.stringify(columns));\n      let {\n        optionJson,\n        seq\n      } = tableConfig;\n      if (optionJson) {\n        optionJson = JSON.parse(optionJson);\n      }\n      let enableFilter = optionJson?.table?.enableFilter;\n      let hasEditConfig = this.hasEditConfig();\n      for (let o of columns) {\n        this.setColumnCssClass(o);\n        this.initFormatter(o);\n        this.initSlots(o);\n        this.setTreeOpenColumn(o, tableConfig);\n        this.setMergeField(o);\n        this.setColumnShowOverFlow(o, optionJson);\n        this.setProp(o);\n        this.setColumnHide(o);\n        this.setFixed(o);\n        this.setShowFooter(o);\n        this.getVNode(o, items);\n        if (enableFilter) {\n          this.setFilters(o);\n        }\n        // 可编辑配置\n        if (hasEditConfig) {\n          this.setEditConfig(o);\n        }\n      }\n      items.sort(({\n        searchSort: a\n      }, {\n        searchSort: b\n      }) => a - b);\n      this.setSearchArea(items);\n      columns = this.initBodyLeftColumn(columns, seq);\n      if (this.table['show-footer']) {\n        if (!columns[0].width || columns[0].width < 55) {\n          columns[0].width = 55;\n        }\n      }\n      this.table.columns = columns;\n\n      // console.info('表格',this.table)\n      // console.info('表格配置信息',this.table.columnSource)\n\n      this.setColumnFormatter(this, '24', 'department'); //部门选择器的Formatter\n      this.setColumnFormatter(this, '25', 'role'); //角色选择器的Formatter\n      this.setColumnFormatter(this, '26', 'post'); //岗位选择器的Formatter\n      this.setColumnFormatter(this, '27', 'user'); //人员选择器的Formatter\n\n      //暂时不合并，启用虚拟滚动\n      this.initMergeCells();\n    },\n    /**\r\n     * 动态设置列的 formatter（将值映射为字典标签）\r\n     * @param {Object} context - Vue 组件实例（this）\r\n     * @param {String} selectDomValue - 匹配的 selectDom 值（如 '24'）\r\n     * @param {String} typeField - 动态列配置属性名（如 'department'）\r\n     */\n    setColumnFormatter(context, selectDomValue, typeField) {\n      const configListProp = typeField + 'ColumnsConfig';\n      const dictPropName = typeField + 'Dict';\n\n      // 1. 过滤出目标列配置\n      const configList = context.table.columnSource.filter(item => item.selectDom === selectDomValue);\n      context.table.other[configListProp] = configList;\n\n      // console.info(`动态列配置（${configListProp}）:`, configList);\n\n      // 2. 如果存在目标列，设置 formatter\n      if (configList.length > 0) {\n        configList.forEach(columnConfig => {\n          const targetColumn = context.table.columns.find(col => col.field === columnConfig.field);\n          if (targetColumn) {\n            targetColumn.formatter = ({\n              cellValue\n            }) => {\n              // 检查是否是类似'[1,2]'的数组字符串\n              // if (typeof cellValue === 'string' && cellValue.startsWith('[') && cellValue.endsWith(']')) {\n              if (typeof cellValue === 'string') {\n                try {\n                  // 尝试解析为数组\n                  let values = [];\n                  if (cellValue.startsWith('[') && cellValue.endsWith(']')) {\n                    values = JSON.parse(cellValue);\n                  } else {\n                    values = cellValue.split(\",\");\n                  }\n                  if (Array.isArray(values)) {\n                    // 查找所有匹配的字典项并拼接标签\n                    const labels = values.map(value => {\n                      const dictItem = context.table.other[dictPropName]?.find(item => item.value == value // 使用宽松相等比较\n                      );\n                      return dictItem ? dictItem.label : value;\n                    });\n                    return labels.join(','); // 用逗号连接标签\n                  }\n                } catch (e) {\n                  // 解析失败，按原样处理\n                }\n              }\n              const dictItem = context.table.other[dictPropName]?.find(item => item.value == cellValue);\n              return dictItem ? dictItem.label : cellValue; // 显示标签或原值\n            };\n          }\n        });\n      }\n    },\n    hasEditConfig() {\n      return this.table.editConfig && (this.table.editConfig.enabled === true || typeof this.table.editConfig.enabled === 'string' && this.table.editConfig.enabled.toLowerCase() === 'true');\n    },\n    setEditConfig(o) {\n      if (o.tableSaveToOtherProp && o.tableSaveToOtherProp == '1') {\n        return;\n      }\n      if (o.selectDom == '1') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 文本域\n      if (o.selectDom == '10') {\n        o.editRender = {\n          name: 'textarea',\n          props: {\n            type: 'textarea',\n            // 指定为多行文本框\n            placeholder: '请输入' + o.title,\n            rows: 3,\n            // 默认显示行数\n            autosize: {\n              minRows: 2,\n              maxRows: 6\n            },\n            // 自动调整高度\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 数字\n      if (o.selectDom == '7') {\n        o.editRender = {\n          name: '$input',\n          props: {\n            type: this.getType(o.selectDom),\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        };\n      }\n      // 时间\n      if (o.selectDom == '3' || o.selectDom == '6') {\n        o.editRender = {\n          name: 'VxeInput',\n          props: {\n            type: this.getType(o.selectDom),\n            valueFormat: 'yyyy-MM-dd HH:mm:ss'\n          }\n        };\n      }\n      // 下拉框\n      if (o.selectDom == '2' || o.selectDom == '8') {\n        o.editRender = {\n          name: 'VxeSelect',\n          options: this.dictVal(o.dictCode),\n          props: {\n            placeholder: '请选择' + o.title\n          }\n        };\n      }\n      if (o.selectDom == '5') {\n        console.log('复选框：', o);\n        // o.slotsName = 'checkbox_default';\n        // o.slots = {\n        //     default: 'checkbox_default'\n        // }\n        o.slots = {\n          default: ({\n            row,\n            column\n          }) => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"vxe-checkbox\"), {\n            \"modelValue\": row[column.field],\n            \"onUpdate:modelValue\": $event => row[column.field] = $event,\n            \"checkedValue\": 1,\n            \"uncheckedValue\": 0\n          }, null)\n        };\n      }\n    },\n    getType(selectDom) {\n      if (selectDom == '3') {\n        return 'datetime';\n      }\n      if (selectDom == '6') {\n        return 'date';\n      }\n      if (selectDom == '7') {\n        return 'number';\n      }\n    },\n    /**\r\n     * 初始化列左边\r\n     * @param columns\r\n     * @param type\r\n     * @returns {*}\r\n     */\n    initBodyLeftColumn(columns, type) {\n      const hasSeqColumn = columns.some(col => ['seq', 'sequence', '序号'].includes(col.field || col.prop || col.type));\n      if (type == 1 && !hasSeqColumn) {\n        columns.unshift({\n          type: 'seq',\n          width: 55,\n          title: '序号',\n          fixed: 'left'\n        });\n      }\n      const hasCheckboxColumn = columns.some(col => ['checkbox'].includes(col.type));\n      const hasRadioColumn = columns.some(col => ['radio'].includes(col.type));\n      if (this.selectBox == 2 && !hasCheckboxColumn) {\n        columns.unshift({\n          type: 'checkbox',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      } else if (this.selectBox == 1 && !hasRadioColumn) {\n        columns.unshift({\n          type: 'radio',\n          width: 45,\n          showOverflow: false,\n          fixed: 'left'\n        });\n      }\n      return columns;\n    },\n    setTreeOpenColumn(o, tableConfig) {\n      if (tableConfig.tree == 1 && o.field == tableConfig.openColumn) {\n        o.treeNode = true;\n        if (!o.align) {\n          o.align = 'left';\n        }\n      }\n    },\n    setMergeField(column) {\n      if (column.mergeFlag == '1') {\n        this.table.mergeFields.push(column.field);\n      }\n    },\n    setColumnHide(o) {\n      //隐藏\n      if (o.visible == \"0\") {\n        o.visible = false;\n      }\n    },\n    initFormatter(o) {\n      try {\n        if (o.formatter) {\n          o.formatter = eval(\"({cellValue, row, column})=>{\" + o.formatter + \"}\");\n        } else if (o.dictCode) {\n          o.formatter = eval(\"\" + \"({cellValue, row, column})=>{if(column.params && column.params.dictValueLabel){ let dictValueLabelElement = column.params.dictValueLabel[cellValue];if(dictValueLabelElement){return dictValueLabelElement;} }return  cellValue}\");\n        }\n      } catch (e) {\n        console.log(o.title, \"formatter异常：\", o.formatter);\n        this.$message.error(o.title + \"formatter异常!\");\n      }\n    },\n    initSlots(o) {\n      if (o.selectDom == 20) {\n        o.slotsName = 'img_default';\n        o.slots = {\n          default: 'img_default'\n        };\n      }\n      if (o.selectDom == '21') {\n        o.slotsName = 'icon_default';\n        o.slots = {\n          default: 'icon_default'\n        };\n      }\n      if (o.selectDom == '23') {\n        o.slotsName = 'video_default';\n        o.slots = {\n          default: 'video_default'\n        };\n      }\n    },\n    /**\r\n     * 播放器初始化\r\n     * @param player\r\n     */\n    handleReady(player) {\n      console.log(' 播放器已初始化', player);\n      this.player = player;\n    },\n    /**\r\n     * 视频播放\r\n     */\n    handlePlay() {\n      console.log(' 视频开始播放');\n    },\n    changeToChinese() {\n      console.log(\"this.playerOptions.value.player\", this.player);\n    },\n    handlePlay1() {\n      console.log(' 视频开始播放');\n      this.$refs.playerRef.player.play(); // 通过ref调用播放器方法\n      this.showCustomModal.value = false;\n    },\n    setFixed(item) {\n      //修改固定字段的值\n      if (item.fixed === '1') {\n        item.fixed = 'left';\n      } else if (item.fixed === '2') {\n        item.fixed = 'right';\n      }\n      if (item.align === '1') {\n        item.align = 'left';\n      } else if (item.align === '2') {\n        item.align = 'right';\n      } else if (item.align === '0') {\n        item.align = 'center';\n      }\n    },\n    setProp(item) {\n      item.resizable = undefined;\n      if (item.sortable != undefined && item.sortable != \"\") {\n        let order = item.field + (item.sortable == 0 ? \" ASC \" : \" DESC \");\n        this.orderByColumns.push(order);\n      }\n      ////时间类型\n      if (!item.width && (item.selectDom == 3 || item.selectDom == 6)) {\n        item.minWidth = 150;\n      } else if (!item.width && item.title) {\n        item.minWidth = item.title.length * 30;\n      }\n    },\n    setShowFooter(item) {\n      if (item['totalToOtherProp']) {\n        this.table['show-footer'] = true;\n      }\n    },\n    toParseOtherProp(item) {\n      //其他属性赋值\n      try {\n        let otherProp = JSON.parse(item?.otherProp || {});\n        item.otherProp = otherProp;\n        for (let key of Object.keys(otherProp)) {\n          item[key] = otherProp[key];\n        }\n      } catch (e) {\n        if (item.otherProp) {\n          console.error(item.field + \"其他属性无法解析：\" + item.otherProp);\n        }\n        item.otherProp = {};\n      }\n      if (item['totalToOtherProp'] === undefined) {\n        item['totalToOtherProp'] = '';\n      }\n    },\n    /**\r\n    * 设置搜索\r\n    * @param items\r\n    */\n    setSearchArea(items) {\n      if (items.length != 0) {\n        items.push({\n          itemRender: {\n            name: '$buttons',\n            children: [{\n              props: {\n                type: 'submit',\n                content: '查询',\n                status: 'primary'\n              },\n              events: {\n                click: this.query\n              }\n            }, {\n              props: {\n                type: 'button',\n                content: '重置'\n              },\n              events: {\n                click: this.resetQuery\n              }\n            }]\n          }\n        });\n        this.table.formConfig.size = this.table.size;\n      }\n      this.table.formConfig.items = items;\n    },\n    setFilters(o) {\n      if (o.dictCode) {\n        o.filters = this.dictVal(o.dictCode);\n        o.filterMultiple = true;\n        o.filterMethod = ({\n          option,\n          row,\n          column\n        }) => {};\n      } else {\n        // o.slots={\n        //     header:'OlTableFilterRender'\n        // }\n        o.filters = [{\n          data: ''\n        }];\n        o.filterMultiple = false;\n        o.filterRender = {\n          name: 'FilterExtend'\n        };\n        o.cellType = this.getType(o.selectDom);\n      }\n      o.filterMethod = this.filterMethod;\n    },\n    filterMethod({\n      option,\n      row,\n      column\n    }) {\n      const {\n        type,\n        value,\n        min,\n        max\n      } = option?.data || {};\n      const cellValue = String(row[column.field]);\n      switch (type) {\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().EQUAL):\n          return this.isEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().NOT_EQUAL):\n          return this.isNotEqual(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().STARTS_WITH):\n          return this.startsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().ENDS_WITH):\n          return this.endsWith(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().CONTAINS):\n          return this.contains(cellValue, value);\n        case (_utils_FilterType_js__WEBPACK_IMPORTED_MODULE_9___default().BETWEEN):\n          if (column.cellType === 'date' || column.cellType === 'datetime') {\n            return this.dateTimeFilterMethod({\n              cellValue,\n              min,\n              max\n            });\n          }\n          return this.isInRange(cellValue, min, max);\n        default:\n          if (option.value) {\n            return cellValue === option.value;\n          }\n          return true;\n      }\n    },\n    /**\r\n     * 数值范围筛选方法\r\n     * @param cellValue\r\n     * @param min\r\n     * @param max\r\n     * @returns {boolean}\r\n     */\n    isInRange(cellValue, min, max) {\n      const numValue = Number(cellValue) || 0;\n      const numMin = Number(min) || -Infinity;\n      const numMax = Number(max) || Infinity;\n      return numValue >= numMin && numValue <= numMax;\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    endsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.endsWith(item));\n      }\n      return cellValue.endsWith(value);\n    },\n    /**\r\n     * 判断是否包含开头\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    startsWith(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.startsWith(item));\n      }\n      return cellValue.startsWith(value);\n    },\n    /**\r\n     * 判断是否包含\r\n     * @param cellValue\r\n     * @param value\r\n     * @returns {*}\r\n     */\n    contains(cellValue, value) {\n      if (Array.isArray(value)) {\n        return value.some(item => cellValue.includes(item));\n      }\n      return cellValue.includes(value);\n    },\n    /**\r\n     * 判断字符串与值是否不相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否不相等\r\n     */\n    isNotEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return !value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue !== value;\n    },\n    /**\r\n     * 比较字符串与值是否相等（支持值可能是数组的情况）\r\n     * @param {string} cellValue - 要比较的字符串\r\n     * @param {string|Array} value - 要比较的值（可以是字符串或数组）\r\n     * @returns {boolean} 是否相等\r\n     */\n    isEqual(cellValue, value) {\n      // 如果value是数组，循环判断是否包含cellValue\n      if (Array.isArray(value)) {\n        return value.some(item => item === cellValue);\n      }\n\n      // 如果value不是数组，直接比较字符串\n      return cellValue === value;\n    },\n    /**\r\n     * 日期时间范围筛选方法\r\n     * @param cellValue 表格数据值\r\n     * @param min 最小值\r\n     * @param max 最大值\r\n     * @returns {boolean}\r\n     */\n    dateTimeFilterMethod({\n      cellValue,\n      min,\n      max\n    }) {\n      if (!min && !max) {\n        return true;\n      }\n      const rowValue = cellValue ? new Date(cellValue) : null;\n      const startDate = min ? new Date(min) : null;\n      const endDate = max ? new Date(max) : null;\n      if (startDate && endDate) {\n        return rowValue >= startDate && rowValue <= endDate;\n      } else if (startDate) {\n        return rowValue >= startDate;\n      } else if (endDate) {\n        return rowValue <= endDate;\n      }\n      return true;\n    },\n    getVNode(o, items) {\n      if (o.selectType == undefined) {\n        return;\n      }\n      //99是范围查询\n      if (o.selectType == 99) {\n        let itemStart = this.initFormConfig(o, 5);\n        let itemEnd = this.initFormConfig(o, 6);\n        //时间范围查询\n        if (o.selectDom == 3 || o.selectDom == 6) {\n          let placeholder = o.selectDom == 3 ? '时间' : '';\n          itemStart.placeholder = '请选择开始日期' + placeholder;\n          delete itemStart.itemRender;\n          itemEnd.placeholder = '请选择结束日期' + placeholder;\n        }\n        items.push(itemStart);\n        items.push(itemEnd);\n      } else {\n        items.push(this.initFormConfig(o));\n      }\n    },\n    initFormConfig(o, type) {\n      let key = o.fieldNameSEARCHToOtherProp != undefined && o.fieldNameSEARCHToOtherProp != '' ? o.fieldNameSEARCHToOtherProp : o.tableField;\n      if (o.tableNameSEARCHToOtherProp != undefined && o.tableNameSEARCHToOtherProp != '') {\n        key = o.tableNameSEARCHToOtherProp + '.' + key;\n      }\n      let item = {\n        align: 'left',\n        field: key,\n        span: 6,\n        searchSort: o.searchSort,\n        title: o.titleSEARCHToOtherProp != undefined ? o.titleSEARCHToOtherProp : o.title,\n        key: key,\n        type: o.selectType,\n        selectDom: o.selectDom,\n        tableName: o.tableNameSEARCHToOtherProp,\n        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true,\n        toDate: o.toDateSEARCHToOtherProp,\n        itemRender: {\n          name: '$input',\n          props: {\n            placeholder: '请输入' + o.title,\n            clearable: o.clearableSEARCHToOtherProp == '1' ? false : true\n          }\n        }\n      };\n      try {\n        this.table.formConfig.data[item.key] = eval(o.valueSEARCHToOtherProp);\n      } catch (e) {}\n      if (type == 5) {\n        item.title = o.title + \"开始\";\n        item.type = 5;\n        item.field = \"$\" + o.tableField;\n        item.key = \"$\" + o.tableField;\n      } else if (type == 6) {\n        item.field = o.tableField + \"$\";\n        item.type = 6;\n        item.key = o.tableField + \"$\";\n        item.title = o.title + \"结束\";\n      }\n      if ((item.type == 6 || item.type == 5) && o.selectDom == undefined) {\n        o.selectDom = 7;\n      }\n      this.getItemRender(o, item, type);\n      if (item.title && item.title.length > 6) {\n        item.titleWidth = 20 * (item.title.length - 2);\n      } else if (item.title.toString().trim().length == 0) {\n        item.titleWidth = 0;\n      }\n      if (o.spanSEARCHToOtherProp != undefined) {\n        item.span = 6;\n      }\n      return item;\n    },\n    getItemRender(o, item, type) {\n      if (o.dictCode) {\n        delete item.itemRender;\n        item.slots = {\n          default: o.selectDom + item.field\n        };\n        item.slotsName = o.selectDom + item.field;\n        item.options = this.dictVal(o.dictCode);\n        item.placeholder = '请选择' + o.title;\n        item.clearable = o.clearableSEARCHToOtherProp != '1';\n        item.multiple = o.selectDom == '8';\n        item.filterable = true;\n      } else if (o.selectDom == 7) {\n        item.itemRender.props.type = 'number';\n      } else if (o.selectDom == 10) {\n        item.itemRender.name = 'textarea';\n      } else if (o.selectDom == 3 || o.selectDom == 6) {\n        delete item.itemRender;\n        item.domDate = true;\n        item.selectType = o.selectType;\n        //这里跟element plus不一样\n        item.domFormat = vue__WEBPACK_IMPORTED_MODULE_0__.version.split('.')[0] == 2 ? 'yyyy-MM-dd' : 'YYYY-MM-DD';\n        if (item.selectDom == 3) {\n          item.domFormat = item.domFormat + ' HH:mm:ss';\n          item.domType = o.selectType == 98 ? \"datetimerange\" : 'datetime';\n        } else {\n          item.domType = o.selectType == 98 ? \"daterange\" : 'date';\n        }\n        item.slots = {\n          default: o.selectDom + item.field + \"_time\"\n        };\n        item.slotsName = o.selectDom + item.field + \"_time\";\n        item.placeholder = '请选择';\n        if (type == 5) {\n          item.placeholder += \"开始\";\n        } else if (type == 6) {\n          item.placeholder += \"结束\";\n        }\n        if (o.selectDom == 3) {\n          item.placeholder += \"时间\";\n        }\n      }\n    },\n    setColumnShowOverFlow(column, optionObj) {\n      if (optionObj) {\n        if (optionObj.table && optionObj.table.columnConfig && optionObj.table.columnConfig.showOverflow) {\n          if (column.type != 'seq' || column.type != 'checkbox') {\n            column.showOverflow = optionObj.table.columnConfig.showOverflow;\n          }\n        }\n      }\n    },\n    initMergeCells() {\n      if (this.table.mergeCells) {\n        this.table.mergeCells = JSON.parse(this.table.mergeCells);\n        return;\n      }\n      if (this.table.mergeFields && this.table.mergeFields.length != 0) {\n        this.table.spanMethod = this.mergeRowMethod;\n      }\n    },\n    // 通用行合并函数（将相同多列数据合并为一行）\n    mergeRowMethod({\n      row,\n      _rowIndex,\n      column,\n      visibleData\n    }) {\n      const cellValue = row[column.field];\n      if (cellValue && this.table.mergeFields.includes(column.field)) {\n        const prevRow = visibleData[_rowIndex - 1];\n        let nextRow = visibleData[_rowIndex + 1];\n        if (prevRow && prevRow[column.field] === cellValue) {\n          return {\n            rowspan: 0,\n            colspan: 0\n          };\n        } else {\n          let countRowspan = 1;\n          while (nextRow && nextRow[column.field] === cellValue) {\n            nextRow = visibleData[++countRowspan + _rowIndex];\n          }\n          if (countRowspan > 1) {\n            return {\n              rowspan: countRowspan,\n              colspan: 1\n            };\n          }\n        }\n      }\n    },\n    setDictCellStyle({\n      row,\n      rowIndex,\n      $rowIndex,\n      column,\n      columnIndex,\n      $columnIndex\n    }) {\n      if (column.params && column.params.cssClass) {\n        return column.params.cssClass[row[column[(0,_utils_columnProp__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(column)]]];\n      }\n    },\n    setTableStyle(option) {\n      if (option['cell-style'] === undefined) {\n        option['cell-style'] = {\n          flag: \"flag##function#\",\n          isFunction: true\n        };\n      }\n      option['cell-style']['code'] = \"let OTMixinColumnMethod_setDictCellStyle = this.setDictCellStyle(params); if(OTMixinColumnMethod_setDictCellStyle){ return OTMixinColumnMethod_setDictCellStyle;}\\n\" + option['cell-style']['code'];\n    }\n  }\n};\n\n//# sourceURL=webpack://olp-table/./src/mixins/VTMixin/OTMixinColumnMethod.js?");
 /***/ }),

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "olp-table",
-  "version": "7.2.41",
+  "version": "7.2.42",
   "main": "olp-table.common.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"