@meethive/components 0.0.3 → 0.0.4

package/lib/ProTable/Content.js

@@ -1,97 +1,84 @@
- 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, computed, useSlots } from 'vue'
-import { Table, Checkbox as ACheckbox } from 'ant-design-vue'
-import { get, omit } from 'lodash-es'
-import Empty from '../Empty'
-import { useTableInject } from './hooks'
-import useProTableStyle from './style'
-import { useLocaleReceiver } from '../LocaleReciver'
-import JVirtualTable from '../VirtualTable'
-import { _contentProps } from './setting'
-
-export default defineComponent({
-  name: 'Content',
-  components: {
-    Table,
-    ACheckbox,
-    Empty,
-    JVirtualTable
-  },
-  props: {
-    ..._contentProps,
-    column: {
-      type: Number,
-      default: 4
-    }
-  } ,
-  setup(props) {
-    const slots = useSlots()
-    const [contextLocale] = useLocaleReceiver('ProTable')
-    const prefixCls = computed(() => 'pro-table')
-    const [wrapSSR, hashId] = useProTableStyle(prefixCls)
-
-    const _rowSelection = useTableInject()
-
-    const _columns = computed(() => props.columns.filter((i) => !_optionalChain([i, 'optionalAccess', _ => _.hideInTable])))
-
-    const _slots = computed(() => {
-      return omit(slots, ['emptyText', 'bodyCell'])
-    })
-
-    const _scroll = computed(() => {
-      if (props.scroll === false) {
-        return {
-          x: undefined,
-          y: undefined
-        }
-      }
-      return {
-        x: props.scroll.x === false ? undefined : props.scroll.x || '100%',
-        y: props.scroll.y === false ? undefined : props.scroll.y || '100%'
-      }
-    })
-
-    const gridTemplateColumns = computed(() => {
-      return `repeat(${props.column}, 1fr)`
-    })
-
-    const __rowSelection = computed(() => {
-      return props.rowSelection || _optionalChain([_rowSelection, 'optionalAccess', _2 => _2.value])
-    })
-
-    const indeterminate = computed(() => {
-      return _optionalChain([__rowSelection, 'access', _3 => _3.value, 'optionalAccess', _4 => _4.selectedRowKeys, 'optionalAccess', _5 => _5.length]) > 0 && _optionalChain([__rowSelection, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.selectedRowKeys, 'optionalAccess', _8 => _8.length]) < props.dataSource.length
-    })
-
-    const checkedAll = computed(() => {
-      return _optionalChain([__rowSelection, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.selectedRowKeys, 'optionalAccess', _11 => _11.length]) > 0 && _optionalChain([__rowSelection, 'access', _12 => _12.value, 'optionalAccess', _13 => _13.selectedRowKeys, 'optionalAccess', _14 => _14.length]) === props.dataSource.length
-    })
-
-    const onClick = (item) => {
-      if (_rowSelection && _rowSelection.value) {
-        const _selected = _optionalChain([_rowSelection, 'access', _15 => _15.value, 'access', _16 => _16.selectedRowKeys, 'optionalAccess', _17 => _17.includes, 'call', _18 => _18(item[props.rowKey])])
-        _optionalChain([_rowSelection, 'access', _19 => _19.value, 'access', _20 => _20.onSelect, 'optionalCall', _21 => _21(item, !_selected)])
-      }
-    }
-
-    const handleCheckedAllChange = (e) => {
-      const flag = e.target.checked
-      _optionalChain([__rowSelection, 'access', _22 => _22.value, 'optionalAccess', _23 => _23.onSelectAll, 'optionalCall', _24 => _24(flag, props.dataSource, props.dataSource)])
-    }
-
-    return {
-      hashId,
-      contextLocale,
-      _columns,
-      _slots,
-      _scroll,
-      gridTemplateColumns,
-      __rowSelection,
-      indeterminate,
-      checkedAll,
-      onClick,
-      handleCheckedAllChange,
-      get
-    }
-  }
-})
+import { defineComponent, computed, useSlots } from 'vue';
+import { Table, Checkbox as ACheckbox } from 'ant-design-vue';
+import { get, omit } from 'lodash-es';
+import Empty from '../Empty';
+import { useTableInject } from './hooks';
+import useProTableStyle from './style';
+import { useLocaleReceiver } from '../LocaleReciver';
+import JVirtualTable from '../VirtualTable';
+import { _contentProps } from './setting';
+export default defineComponent({
+  name: 'Content',
+  components: {
+    Table,
+    ACheckbox,
+    Empty,
+    JVirtualTable
+  },
+  props: {
+    ..._contentProps,
+    column: {
+      type: Number,
+      default: 4
+    }
+  },
+  setup(props) {
+    const slots = useSlots();
+    const [contextLocale] = useLocaleReceiver('ProTable');
+    const prefixCls = computed(() => 'pro-table');
+    const [wrapSSR, hashId] = useProTableStyle(prefixCls);
+    const _rowSelection = useTableInject();
+    const _columns = computed(() => props.columns.filter(i => !i?.hideInTable));
+    const _slots = computed(() => {
+      return omit(slots, ['emptyText', 'bodyCell']);
+    });
+    const _scroll = computed(() => {
+      if (props.scroll === false) {
+        return {
+          x: undefined,
+          y: undefined
+        };
+      }
+      return {
+        x: props.scroll.x === false ? undefined : props.scroll.x || '100%',
+        y: props.scroll.y === false ? undefined : props.scroll.y || '100%'
+      };
+    });
+    const gridTemplateColumns = computed(() => {
+      return `repeat(${props.column}, 1fr)`;
+    });
+    const __rowSelection = computed(() => {
+      return props.rowSelection || _rowSelection?.value;
+    });
+    const indeterminate = computed(() => {
+      return __rowSelection.value?.selectedRowKeys?.length > 0 && __rowSelection.value?.selectedRowKeys?.length < props.dataSource.length;
+    });
+    const checkedAll = computed(() => {
+      return __rowSelection.value?.selectedRowKeys?.length > 0 && __rowSelection.value?.selectedRowKeys?.length === props.dataSource.length;
+    });
+    const onClick = item => {
+      if (_rowSelection && _rowSelection.value) {
+        const _selected = _rowSelection.value.selectedRowKeys?.includes(item[props.rowKey]);
+        _rowSelection.value.onSelect?.(item, !_selected);
+      }
+    };
+    const handleCheckedAllChange = e => {
+      const flag = e.target.checked;
+      __rowSelection.value?.onSelectAll?.(flag, props.dataSource, props.dataSource);
+    };
+    return {
+      hashId,
+      contextLocale,
+      _columns,
+      _slots,
+      _scroll,
+      gridTemplateColumns,
+      __rowSelection,
+      indeterminate,
+      checkedAll,
+      onClick,
+      handleCheckedAllChange,
+      get
+    };
+  }
+});

package/lib/ProTable/Header.js

@@ -1,33 +1,32 @@
-
-import { defineComponent, computed } from 'vue'
-import { RadioGroup, RadioButton } from 'ant-design-vue'
-import AIcon from '../Icon'
-import { _headerProps } from './setting'
-import useProTableStyle from './style'
-
-export default defineComponent({
-  name: 'Header',
-  components: {
-    RadioGroup,
-    RadioButton,
-    AIcon
-  },
-  props: {
-    ..._headerProps,
-    initMode: {
-      type: [String, undefined] ,
-      default: undefined
-    }
-  } ,
-  emits: ['change'],
-  setup(props, { emit }) {
-    const emits = emit
-    const prefixCls = computed(() => 'pro-table')
-    const [wrapSSR, hashId] = useProTableStyle(prefixCls)
-
-    return {
-      hashId,
-      emits
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import { RadioGroup, RadioButton } from 'ant-design-vue';
+import AIcon from '../Icon';
+import { _headerProps } from './setting';
+import useProTableStyle from './style';
+export default defineComponent({
+  name: 'Header',
+  components: {
+    RadioGroup,
+    RadioButton,
+    AIcon
+  },
+  props: {
+    ..._headerProps,
+    initMode: {
+      type: [String, undefined],
+      default: undefined
+    }
+  },
+  emits: ['change'],
+  setup(props, {
+    emit
+  }) {
+    const emits = emit;
+    const prefixCls = computed(() => 'pro-table');
+    const [wrapSSR, hashId] = useProTableStyle(prefixCls);
+    return {
+      hashId,
+      emits
+    };
+  }
+});

package/lib/ProTable/Pagination.js

@@ -1,55 +1,56 @@
- 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, computed, h } from 'vue'
-import { Pagination, Spin } from 'ant-design-vue'
-import { _paginationProps } from './setting'
-import { useLocaleReceiver } from '../LocaleReciver'
-import useProTableStyle from './style'
-
-export default defineComponent({
-  name: 'JPagination',
-  components: {
-    Pagination
-  },
-  props: { ..._paginationProps } ,
-  emits: ['change'],
-  setup(props, { emit }) {
-    const [contextLocale] = useLocaleReceiver('ProTable')
-    const prefixCls = computed(() => 'pro-table')
-    const [wrapSSR, hashId] = useProTableStyle(prefixCls)
-
-    const className = computed(() => {
-      return {
-        'hide-content': !props.isShowContent
-      }
-    })
-
-    const _showTotal = (num) => {
-      const minSize = props.pageIndex * props.pageSize + 1
-      const MaxSize = (props.pageIndex + 1) * props.pageSize
-      let localePage = _optionalChain([contextLocale, 'access', _ => _.value, 'access', _2 => _2.pagination, 'optionalAccess', _3 => _3.page]) || ''
-      let localeTotal = _optionalChain([contextLocale, 'access', _4 => _4.value, 'access', _5 => _5.pagination, 'optionalAccess', _6 => _6.total]) || ''
-      const _maxSize = props.totalLoading ? MaxSize : (MaxSize > num ? num : MaxSize)
-      ;[minSize, _maxSize].forEach((item, index) => {
-        localePage = localePage.replace(`{${index}}`, item)
-      })
-      return h('span', {}, [
-        localePage,
-        props.totalLoading
-          ? h(Spin, { size: 'small', style: { margin: '0 4px' } })
-          : h('span', { style: { margin: '0 4px' } }, num),
-        localeTotal
-      ])
-    }
-
-    const onChange = (page, size) => {
-      emit('change', page, size)
-    }
-
-    return {
-      hashId,
-      className,
-      _showTotal,
-      onChange
-    }
-  }
-})
+import { defineComponent, computed, h } from 'vue';
+import { Pagination, Spin } from 'ant-design-vue';
+import { _paginationProps } from './setting';
+import { useLocaleReceiver } from '../LocaleReciver';
+import useProTableStyle from './style';
+export default defineComponent({
+  name: 'JPagination',
+  components: {
+    Pagination
+  },
+  props: {
+    ..._paginationProps
+  },
+  emits: ['change'],
+  setup(props, {
+    emit
+  }) {
+    const [contextLocale] = useLocaleReceiver('ProTable');
+    const prefixCls = computed(() => 'pro-table');
+    const [wrapSSR, hashId] = useProTableStyle(prefixCls);
+    const className = computed(() => {
+      return {
+        'hide-content': !props.isShowContent
+      };
+    });
+    const _showTotal = num => {
+      const minSize = props.pageIndex * props.pageSize + 1;
+      const MaxSize = (props.pageIndex + 1) * props.pageSize;
+      let localePage = contextLocale.value.pagination?.page || '';
+      let localeTotal = contextLocale.value.pagination?.total || '';
+      const _maxSize = props.totalLoading ? MaxSize : MaxSize > num ? num : MaxSize;
+      [minSize, _maxSize].forEach((item, index) => {
+        localePage = localePage.replace(`{${index}}`, item);
+      });
+      return h('span', {}, [localePage, props.totalLoading ? h(Spin, {
+        size: 'small',
+        style: {
+          margin: '0 4px'
+        }
+      }) : h('span', {
+        style: {
+          margin: '0 4px'
+        }
+      }, num), localeTotal]);
+    };
+    const onChange = (page, size) => {
+      emit('change', page, size);
+    };
+    return {
+      hashId,
+      className,
+      _showTotal,
+      onChange
+    };
+  }
+});