@scenetechnology/cj_iview_table 0.0.22 → 0.0.24

package/dist/cj_iview_table.common.js

@@ -20577,7 +20577,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/index.vue?vue&type=template&id=5dc43923&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/index.vue?vue&type=template&id=5eabbf2c&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -20970,7 +20970,7 @@ var render = function render() {
         }
       };
     })], null, true)
-  }, [_vm._v("7 ")])], 1), [_c('div', {
+  })], 1), [_c('div', {
     staticClass: "footer"
   }, [_c('Page', {
     attrs: {
@@ -27846,15 +27846,74 @@ var OrgPicker_component = normalizeComponent(
         return {
           ...column,
           render: (h, params) => {
+            // 如果列有slot属性，使用插槽内容
+            if (column.slot) {
+              const slotContent = this.$scopedSlots[column.slot] ? this.$scopedSlots[column.slot]({
+                row: params.row
+              }) : h('span', params.row[column.key]);
+              return h('Tooltip', {
+                props: {
+                  content: '',
+                  maxWidth: 800,
+                  theme: 'light',
+                  transfer: true,
+                  placement: params.row._index >= this.dataSource.length - 1 ? 'top' : params.row._index < 5 ? 'bottom' : 'top'
+                },
+                style: {
+                  width: '100%'
+                },
+                scopedSlots: {
+                  default: () => [h('div', {
+                    style: {
+                      overflow: 'hidden',
+                      textOverflow: 'ellipsis',
+                      whiteSpace: 'nowrap',
+                      minWidth: '0',
+                      cursor: 'pointer',
+                      width: '100%'
+                    }
+                  }, [slotContent])],
+                  content: () => {
+                    const value = params.row[column.key];
+                    // 判断是否为JSON字符串
+                    if (this.isJsonString(value)) {
+                      return h('json-viewer', {
+                        props: {
+                          value: JSON.parse(value),
+                          expandDepth: 999,
+                          copyable: true,
+                          sort: true,
+                          boxed: true,
+                          theme: 'light',
+                          collapsed: true
+                        },
+                        style: {
+                          overflowY: 'auto',
+                          padding: '8px',
+                          boxSizing: 'border-box',
+                          width: '800px',
+                          minWidth: '800px',
+                          maxHeight: '400px'
+                        },
+                        class: 'custom-json-viewer'
+                      });
+                    }
+                    return h('div', value);
+                  }
+                }
+              });
+            }
+
             // 如果 key 是 action，直接返回渲染内容
             if (column.title === '操作') {
               return originalRender ? originalRender(h, params) : h('span', params.row[column.key]);
             }
+
             // 获取单元格内容
             const cellValue = params.row[column.key];
             // 获取当前列的宽度（如果未设置宽度，则使用默认值）
             const columnWidth = params.column.width || params.column.minWidth;
-            const maxWidth = columnWidth * 0.85; // 计算 70% 的宽度
+            const maxWidth = columnWidth * 0.85; // 计算 85% 的宽度
 
             // 如果有自定义 render 函数，先执行它
             let renderedContent;
@@ -27868,7 +27927,8 @@ var OrgPicker_component = normalizeComponent(
                   maxWidth: `${maxWidth}px`,
                   overflow: 'hidden',
                   textOverflow: 'ellipsis',
-                  whiteSpace: 'nowrap'
+                  whiteSpace: 'nowrap',
+                  width: '100%'
                 }
               }, cellValue);
             }
@@ -27886,30 +27946,44 @@ var OrgPicker_component = normalizeComponent(
                 width: '100%'
               },
               scopedSlots: {
-                // 使用 scopedSlots 动态生成 Tooltip 的内容
                 default: () => [h('div', {
                   style: {
                     overflow: 'hidden',
                     textOverflow: 'ellipsis',
                     whiteSpace: 'nowrap',
                     minWidth: '0',
-                    // 确保宽度被正确限制
-                    cursor: 'pointer'
+                    cursor: 'pointer',
+                    width: '100%'
                   }
-                }, [renderedContent] // 显示渲染后的内容
-                )],
-                content: () => h('div', {
-                  style: {
-                    maxHeight: '200px',
-                    // 设置 Tooltip 内容区域的最大高度
-                    overflowY: 'auto',
-                    // 超出高度时显示滚动条
-                    padding: '8px',
-                    // 添加内边距
-                    boxSizing: 'border-box' // 确保 padding 不影响高度计算
+                }, [renderedContent])],
+                content: () => {
+                  const value = cellValue;
+                  // 判断是否为JSON字符串
+                  if (this.isJsonString(value)) {
+                    return h('json-viewer', {
+                      props: {
+                        value: JSON.parse(value),
+                        expandDepth: 999,
+                        expanded: true,
+                        copyable: true,
+                        sort: true,
+                        boxed: true,
+                        theme: 'light',
+                        collapsed: true
+                      },
+                      style: {
+                        overflowY: 'auto',
+                        padding: '8px',
+                        boxSizing: 'border-box',
+                        width: '800px',
+                        minWidth: '800px',
+                        maxHeight: '400px'
+                      },
+                      class: 'custom-json-viewer'
+                    });
                   }
-                }, [renderedContent] // Tooltip 的内容是渲染后的内容
-                )
+                  return h('div', value);
+                }
               }
             });
           }
@@ -27950,6 +28024,7 @@ var OrgPicker_component = normalizeComponent(
       return [];
     },
     tableSlot() {
+      console.log('tableSlot---', this.columns.filter(item => item.slot));
       return this.columns.filter(item => item.slot);
     },
     /**
@@ -28027,6 +28102,15 @@ var OrgPicker_component = normalizeComponent(
     }
   },
   methods: {
+    isJsonString(str) {
+      if (typeof str !== 'string') return false;
+      try {
+        const result = JSON.parse(str);
+        return typeof result === 'object' && result !== null;
+      } catch (e) {
+        return false;
+      }
+    },
     // 添加计算补充项数量的方法
     calculateSupplementNum(columnsLength, spanValue) {
       console.log(this.filterGridSpan);
@@ -28712,15 +28796,15 @@ var OrgPicker_component = normalizeComponent(
 });
 ;// ./packages/components/index.vue?vue&type=script&lang=js
  /* harmony default export */ var packages_componentsvue_type_script_lang_js = (componentsvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/index.vue?vue&type=style&index=0&id=5dc43923&prod&scoped=true&lang=less
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/index.vue?vue&type=style&index=0&id=5eabbf2c&prod&scoped=true&lang=less
 // extracted by mini-css-extract-plugin
 
-;// ./packages/components/index.vue?vue&type=style&index=0&id=5dc43923&prod&scoped=true&lang=less
+;// ./packages/components/index.vue?vue&type=style&index=0&id=5eabbf2c&prod&scoped=true&lang=less
 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/index.vue?vue&type=style&index=1&id=5dc43923&prod&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/index.vue?vue&type=style&index=1&id=5eabbf2c&prod&lang=css
 // extracted by mini-css-extract-plugin
 
-;// ./packages/components/index.vue?vue&type=style&index=1&id=5dc43923&prod&lang=css
+;// ./packages/components/index.vue?vue&type=style&index=1&id=5eabbf2c&prod&lang=css
 
 ;// ./packages/components/index.vue
 
@@ -28738,7 +28822,7 @@ var components_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "5dc43923",
+  "5eabbf2c",
   null
   
 )