@meethive/components 0.0.3 → 0.0.5

package/lib/EditTable/Body.js

@@ -1,189 +1,158 @@
- function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-import { defineComponent, ref, reactive, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue'
-import ContextMenu from './components/ContextMenu'
-import { useHScroll, useRightMenuContext } from './hooks'
-import { randomString } from '@meethive/utils'
-import { bodyProps } from './props'
-import Empty from '../Empty/Empty.js'
-import CellRender from './CellRender.js'
-import genEditTableStyle from './style'
-
-export default defineComponent({
-  name: 'JEditTableBody',
-  components: {
-    Empty,
-    CellRender
-  },
-  props: {
-    ...bodyProps(),
-    groupKey: {
-      type: [String, Number],
-      default: undefined
-    },
-    width: {
-      type: Number
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    }
-  } ,
-  emits: ['update:dataSource', 'scrollDown'],
-  setup(props, { emit, expose }) {
-    const prefixCls = computed(() => 'jetlinks-edit-table')
-    const [wrapSSR, hashId] = genEditTableStyle(prefixCls)
-
-    const viewScrollRef = ref()
-    const tableCenterRef = ref()
-    const virtualRang = reactive({
-      start: 0,
-      end: 15
-    })
-    const containerStyle = ref(0)
-    const context = useRightMenuContext()
-    const hScroll = useHScroll()
-
-    let scrollLock = ref(false)
-    let menuInstance
-
-    const maxLen = computed(() => {
-      return Math.trunc(props.height / props.cellHeight)
-    })
-
-    const selectedRowKeys = ref([])
-
-    const virtualData = computed(() => {
-      return props.dataSource.slice(virtualRang.start, virtualRang.end)
-    })
-
-    const onScroll = () => {
-      if (!viewScrollRef.value) return
-      const height = viewScrollRef.value.scrollTop
-      const clientHeight = viewScrollRef.value.clientHeight
-
-      const _index = Math.round(height / props.cellHeight) - 1
-      const start = _index < 0 ? 0 : _index
-      const end = start + maxLen.value + 4
-
-      if (
-        height + clientHeight >= props.dataSource.length * props.cellHeight &&
-        !scrollLock.value
-      ) {
-        emit('scrollDown')
-        scrollLock.value = true
-      }
-
-      virtualRang.start = start
-      virtualRang.end = end
-    }
-
-    const scrollTo = (index) => {
-      if (viewScrollRef.value) {
-        viewScrollRef.value.scrollTop = index * props.cellHeight
-      }
-    }
-
-    const showContextMenu = (e, record, _index) => {
-      e.preventDefault()
-      if (props.disableMenu) {
-        const newRecord = {
-          ...record,
-          __index: _index
-        }
-        menuInstance = ContextMenu(e, newRecord, context)
-      }
-    }
-
-    const rowClick = (record) => {
-      if (_optionalChain([props, 'access', _ => _.rowSelection, 'optionalAccess', _2 => _2.selectedRowKeys])) {
-        const rowSet = new Set(selectedRowKeys.value)
-        const key = record[props.rowKey]
-        const selected = !rowSet.has(key)
-        if (selected) {
-          rowSet.delete(key)
-        } else {
-          rowSet.add(key)
-        }
-        _optionalChain([props, 'access', _3 => _3.rowSelection, 'access', _4 => _4.onSelect, 'optionalCall', _5 => _5(record, selected)])
-        selectedRowKeys.value = [...rowSet.values()]
-      }
-    }
-
-    const updateSelectedKeys = (keys) => {
-      selectedRowKeys.value = keys
-    }
-
-    onMounted(() => {
-      nextTick(() => {
-        onScroll()
-      })
-    })
-
-    onBeforeUnmount(() => {
-      _optionalChain([menuInstance, 'optionalAccess', _6 => _6.destroy, 'optionalCall', _7 => _7()])
-      _optionalChain([menuInstance, 'optionalAccess', _8 => _8.cleanCopy, 'optionalCall', _9 => _9()])
-    })
-
-    watch(
-      () => JSON.stringify(_optionalChain([props, 'access', _10 => _10.rowSelection, 'optionalAccess', _11 => _11.selectedRowKeys])),
-      (val) => {
-        selectedRowKeys.value = JSON.parse(val || '[]')
-      },
-      { immediate: true }
-    )
-
-    watch(
-      () => props.dataSource,
-      () => {
-        props.dataSource.forEach((item) => {
-          if (!item.__key) {
-            item.__key = randomString()
-          }
-        })
-      },
-      { immediate: true, deep: true }
-    )
-
-    watch(
-      () => props.dataSource.length,
-      () => {
-        scrollLock.value = false
-        containerStyle.value = {
-          height: props.dataSource.length * props.cellHeight + 'px'
-        }
-        if (props.dataSource.length <= maxLen.value || props.dataSource.length === 0) {
-          emit('scrollDown', maxLen.value - props.dataSource.length + 3)
-        }
-      },
-      { immediate: true }
-    )
-
-    watch(
-      () => props.groupKey,
-      () => {
-        if (props.openGroup) {
-          scrollTo(0)
-        }
-      }
-    )
-
-    expose({
-      scrollTo,
-      updateSelectedKeys
-    })
-
-    return {
-      hashId,
-      viewScrollRef,
-      tableCenterRef,
-      virtualRang,
-      containerStyle,
-      hScroll,
-      selectedRowKeys,
-      virtualData,
-      onScroll,
-      showContextMenu,
-      rowClick
-    }
-  }
-})
+import { defineComponent, ref, reactive, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';
+import ContextMenu from './components/ContextMenu';
+import { useHScroll, useRightMenuContext } from './hooks';
+import { randomString } from '@meethive/utils';
+import { bodyProps } from './props';
+import Empty from '../Empty/Empty.js';
+import CellRender from './CellRender.js';
+import genEditTableStyle from './style';
+export default defineComponent({
+  name: 'JEditTableBody',
+  components: {
+    Empty,
+    CellRender
+  },
+  props: {
+    ...bodyProps(),
+    groupKey: {
+      type: [String, Number],
+      default: undefined
+    },
+    width: {
+      type: Number
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:dataSource', 'scrollDown'],
+  setup(props, {
+    emit,
+    expose
+  }) {
+    const prefixCls = computed(() => 'jetlinks-edit-table');
+    const [wrapSSR, hashId] = genEditTableStyle(prefixCls);
+    const viewScrollRef = ref();
+    const tableCenterRef = ref();
+    const virtualRang = reactive({
+      start: 0,
+      end: 15
+    });
+    const containerStyle = ref(0);
+    const context = useRightMenuContext();
+    const hScroll = useHScroll();
+    let scrollLock = ref(false);
+    let menuInstance;
+    const maxLen = computed(() => {
+      return Math.trunc(props.height / props.cellHeight);
+    });
+    const selectedRowKeys = ref([]);
+    const virtualData = computed(() => {
+      return props.dataSource.slice(virtualRang.start, virtualRang.end);
+    });
+    const onScroll = () => {
+      if (!viewScrollRef.value) return;
+      const height = viewScrollRef.value.scrollTop;
+      const clientHeight = viewScrollRef.value.clientHeight;
+      const _index = Math.round(height / props.cellHeight) - 1;
+      const start = _index < 0 ? 0 : _index;
+      const end = start + maxLen.value + 4;
+      if (height + clientHeight >= props.dataSource.length * props.cellHeight && !scrollLock.value) {
+        emit('scrollDown');
+        scrollLock.value = true;
+      }
+      virtualRang.start = start;
+      virtualRang.end = end;
+    };
+    const scrollTo = index => {
+      if (viewScrollRef.value) {
+        viewScrollRef.value.scrollTop = index * props.cellHeight;
+      }
+    };
+    const showContextMenu = (e, record, _index) => {
+      e.preventDefault();
+      if (props.disableMenu) {
+        const newRecord = {
+          ...record,
+          __index: _index
+        };
+        menuInstance = ContextMenu(e, newRecord, context);
+      }
+    };
+    const rowClick = record => {
+      if (props.rowSelection?.selectedRowKeys) {
+        const rowSet = new Set(selectedRowKeys.value);
+        const key = record[props.rowKey];
+        const selected = !rowSet.has(key);
+        if (selected) {
+          rowSet.delete(key);
+        } else {
+          rowSet.add(key);
+        }
+        props.rowSelection.onSelect?.(record, selected);
+        selectedRowKeys.value = [...rowSet.values()];
+      }
+    };
+    const updateSelectedKeys = keys => {
+      selectedRowKeys.value = keys;
+    };
+    onMounted(() => {
+      nextTick(() => {
+        onScroll();
+      });
+    });
+    onBeforeUnmount(() => {
+      menuInstance?.destroy?.();
+      menuInstance?.cleanCopy?.();
+    });
+    watch(() => JSON.stringify(props.rowSelection?.selectedRowKeys), val => {
+      selectedRowKeys.value = JSON.parse(val || '[]');
+    }, {
+      immediate: true
+    });
+    watch(() => props.dataSource, () => {
+      props.dataSource.forEach(item => {
+        if (!item.__key) {
+          item.__key = randomString();
+        }
+      });
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.dataSource.length, () => {
+      scrollLock.value = false;
+      containerStyle.value = {
+        height: props.dataSource.length * props.cellHeight + 'px'
+      };
+      if (props.dataSource.length <= maxLen.value || props.dataSource.length === 0) {
+        emit('scrollDown', maxLen.value - props.dataSource.length + 3);
+      }
+    }, {
+      immediate: true
+    });
+    watch(() => props.groupKey, () => {
+      if (props.openGroup) {
+        scrollTo(0);
+      }
+    });
+    expose({
+      scrollTo,
+      updateSelectedKeys
+    });
+    return {
+      hashId,
+      viewScrollRef,
+      tableCenterRef,
+      virtualRang,
+      containerStyle,
+      hScroll,
+      selectedRowKeys,
+      virtualData,
+      onScroll,
+      showContextMenu,
+      rowClick
+    };
+  }
+});

package/lib/EditTable/CellRender.js

@@ -1,12 +1,10 @@
-
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'CellRender',
-  props: ['renderFn', 'value', 'record', 'index'],
-  setup(props) {
-    return () => {
-      return props.renderFn(props.value, props.record, props.index)
-    }
-  }
-})
+import { defineComponent } from 'vue';
+export default defineComponent({
+  name: 'CellRender',
+  props: ['renderFn', 'value', 'record', 'index'],
+  setup(props) {
+    return () => {
+      return props.renderFn(props.value, props.record, props.index);
+    };
+  }
+});