@meethive/components 0.0.3 → 0.0.5

package/lib/EditTable/components/ContextMenu/Menu.js

@@ -1,86 +1,78 @@
- 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, computed, onMounted, nextTick } from 'vue'
-import { Menu } from 'ant-design-vue'
-import AIcon from '../../../Icon'
-import { useLocaleReceiver } from '../../../LocaleReciver'
-import useEditTableStyle from '../../style'
-
-const MenuItem = Menu.Item
-
-export default defineComponent({
-  name: 'JEditTableContextMenu',
-  components: {
-    Menu,
-    MenuItem,
-    AIcon
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => ({})
-    },
-    onClose: {
-      type: Function,
-      default: () => {}
-    },
-    onClick: {
-      type: Function,
-      default: () => {}
-    },
-    onCopy: {
-      type: Function,
-      default: () => {}
-    },
-    paste: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props) {
-    const contextMenu = ref(null)
-    const prefixCls = computed(() => 'jetlinks-edit-table')
-    const [wrapSSR, hashId] = useEditTableStyle(prefixCls)
-    const [contextLocale] = useLocaleReceiver('EditTable')
-
-    const showDetail = computed(() => {
-      return !props.data.id
-    })
-
-    const showPaste = computed(() => {
-      return !props.paste
-    })
-
-    const showDelete = computed(() => {
-      return _optionalChain([props, 'access', _ => _.data, 'optionalAccess', _2 => _2.expands, 'optionalAccess', _3 => _3.isProduct])
-    })
-
-    const clickFunc = ({ key }) => {
-      if (key === 'copy') {
-        props.onCopy(props.data)
-      }
-      props.onClick(key)
-    }
-
-    const close = () => {
-      setTimeout(() => {
-        props.onClose()
-      }, 300)
-    }
-
-    onMounted(async () => {
-      await nextTick()
-      contextMenu.value.focus()
-    })
-
-    return {
-      contextMenu,
-      hashId,
-      contextLocale,
-      showDetail,
-      showPaste,
-      showDelete,
-      clickFunc,
-      close
-    }
-  }
-})
+import { defineComponent, ref, computed, onMounted, nextTick } from 'vue';
+import { Menu } from 'ant-design-vue';
+import AIcon from '../../../Icon';
+import { useLocaleReceiver } from '../../../LocaleReciver';
+import useEditTableStyle from '../../style';
+const MenuItem = Menu.Item;
+export default defineComponent({
+  name: 'JEditTableContextMenu',
+  components: {
+    Menu,
+    MenuItem,
+    AIcon
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    onClose: {
+      type: Function,
+      default: () => {}
+    },
+    onClick: {
+      type: Function,
+      default: () => {}
+    },
+    onCopy: {
+      type: Function,
+      default: () => {}
+    },
+    paste: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props) {
+    const contextMenu = ref(null);
+    const prefixCls = computed(() => 'jetlinks-edit-table');
+    const [wrapSSR, hashId] = useEditTableStyle(prefixCls);
+    const [contextLocale] = useLocaleReceiver('EditTable');
+    const showDetail = computed(() => {
+      return !props.data.id;
+    });
+    const showPaste = computed(() => {
+      return !props.paste;
+    });
+    const showDelete = computed(() => {
+      return props.data?.expands?.isProduct;
+    });
+    const clickFunc = ({
+      key
+    }) => {
+      if (key === 'copy') {
+        props.onCopy(props.data);
+      }
+      props.onClick(key);
+    };
+    const close = () => {
+      setTimeout(() => {
+        props.onClose();
+      }, 300);
+    };
+    onMounted(async () => {
+      await nextTick();
+      contextMenu.value.focus();
+    });
+    return {
+      contextMenu,
+      hashId,
+      contextLocale,
+      showDetail,
+      showPaste,
+      showDelete,
+      clickFunc,
+      close
+    };
+  }
+});

package/lib/EditTable/components/Search/Search.js

@@ -1,163 +1,151 @@
- 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, computed } from 'vue'
-import { Space as ASpace, Input as AInput, Button as AButton } from 'ant-design-vue'
-import EditTable from '../../EditTable.js'
-import DragModal from '../../../DragModal/DragModal.js'
-import Ellipsis from '../../../Ellipsis/Ellipsis.js'
-import { useTableDataSource, useTableOpenGroup, useTableTool, useGroupOptions } from '../../context'
-import { useLocaleReceiver } from '../../../LocaleReciver'
-import { isNumber, isArray, isObject, isBoolean } from 'lodash-es'
-
-export default defineComponent({
-  name: 'JEditTableSearch',
-  components: {
-    ASpace,
-    AInput,
-    AButton,
-    EditTable,
-    DragModal,
-    Ellipsis
-  },
-  props: {
-    searchKey: {
-      type: String,
-      default: 'id'
-    },
-    columns: {
-      type: Array,
-      default: undefined
-    }
-  },
-  emits: ['close'],
-  setup(props, { emit }) {
-    const [contextLocale] = useLocaleReceiver('EditTable')
-    const dataSource = useTableDataSource()
-    const openGroup = useTableOpenGroup()
-    const tableTool = useTableTool()
-    const groupOptions = useGroupOptions()
-
-    const searchValue = ref()
-    const filterArray = ref([])
-    const visible = ref(false)
-    const searchIndex = ref(-1)
-    const modalHeight = ref(100)
-    const tableHeight = ref(230)
-    const selectedRowKeys = ref([])
-    const tableRef = ref()
-
-    const myColumns = computed(() => {
-      if (props.columns) {
-        return (props.columns ).map((item) => ({
-          title: item.title,
-          dataIndex: item.dataIndex
-        }))
-      }
-      return [
-        { title: contextLocale.value.columns.sign, dataIndex: 'id' },
-        { title: contextLocale.value.columns.name, dataIndex: 'name' }
-      ]
-    })
-
-    const selectedTableRow = (record) => {
-      tableTool.scrollTo({
-        ...record,
-        __serial: record.__oldSerial - 1
-      })
-      tableTool.selected([record.id])
-    }
-
-    const handleFilterArray = () => {
-      const cloneDataSource = JSON.parse(JSON.stringify(dataSource.value || '[]')).map(
-        (item) => Object.assign(item, { __oldSerial: item.__serial })
-      )
-      const _filterArray = cloneDataSource.filter((item) => {
-        let targetValue = item[props.searchKey]
-        if (targetValue) {
-          if (isNumber(targetValue) || isBoolean(targetValue)) {
-            targetValue = String(targetValue)
-          } else if (isArray(targetValue) || isObject(targetValue)) {
-            targetValue = JSON.stringify(targetValue)
-          }
-          return targetValue.includes(searchValue.value)
-        }
-        return false
-      })
-
-      if (openGroup) {
-        const handleGroup = []
-        groupOptions.value.forEach((group) => {
-          handleGroup.push(
-            ..._filterArray.filter((item) => item.expands.groupId === group.value)
-          )
-        })
-        return handleGroup
-      }
-      return _filterArray
-    }
-
-    const search = (key) => {
-      filterArray.value = handleFilterArray()
-      if (key === 'all') {
-        visible.value = true
-        modalHeight.value = 400
-        searchIndex.value = 0
-      } else if (key === 'next') {
-        searchIndex.value += 1
-      } else {
-        searchIndex.value -= 1
-      }
-
-      if (searchIndex.value < 0) {
-        searchIndex.value = filterArray.value.length - 1
-      } else if (searchIndex.value > filterArray.value.length - 1) {
-        searchIndex.value = 0
-      }
-
-      const searchItem = filterArray.value[searchIndex.value]
-      if (key !== 'all' && visible.value) {
-        _optionalChain([tableRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.scrollToByIndex, 'call', _3 => _3(searchIndex.value - 1)])
-      }
-
-      if (filterArray.value.length >= 1) {
-        selectedRowKeys.value = [searchItem.id]
-        selectedTableRow(searchItem)
-      } else {
-        selectedRowKeys.value = []
-        tableTool.selected([])
-      }
-    }
-
-    const heightChange = (h) => {
-      if (h > 340) {
-        tableHeight.value = h - 160
-      }
-    }
-
-    const onClose = () => {
-      emit('close')
-    }
-
-    const onSelect = (record) => {
-      searchIndex.value = filterArray.value.findIndex((item) => item.id === record.id)
-      selectedRowKeys.value = [record.id]
-      selectedTableRow(record)
-    }
-
-    return {
-      contextLocale,
-      openGroup,
-      searchValue,
-      filterArray,
-      visible,
-      modalHeight,
-      tableHeight,
-      selectedRowKeys,
-      tableRef,
-      myColumns,
-      search,
-      heightChange,
-      onClose,
-      onSelect
-    }
-  }
-})
+import { defineComponent, ref, computed } from 'vue';
+import { Space as ASpace, Input as AInput, Button as AButton } from 'ant-design-vue';
+import EditTable from '../../EditTable.js';
+import DragModal from '../../../DragModal/DragModal.js';
+import Ellipsis from '../../../Ellipsis/Ellipsis.js';
+import { useTableDataSource, useTableOpenGroup, useTableTool, useGroupOptions } from '../../context';
+import { useLocaleReceiver } from '../../../LocaleReciver';
+import { isNumber, isArray, isObject, isBoolean } from 'lodash-es';
+export default defineComponent({
+  name: 'JEditTableSearch',
+  components: {
+    ASpace,
+    AInput,
+    AButton,
+    EditTable,
+    DragModal,
+    Ellipsis
+  },
+  props: {
+    searchKey: {
+      type: String,
+      default: 'id'
+    },
+    columns: {
+      type: Array,
+      default: undefined
+    }
+  },
+  emits: ['close'],
+  setup(props, {
+    emit
+  }) {
+    const [contextLocale] = useLocaleReceiver('EditTable');
+    const dataSource = useTableDataSource();
+    const openGroup = useTableOpenGroup();
+    const tableTool = useTableTool();
+    const groupOptions = useGroupOptions();
+    const searchValue = ref();
+    const filterArray = ref([]);
+    const visible = ref(false);
+    const searchIndex = ref(-1);
+    const modalHeight = ref(100);
+    const tableHeight = ref(230);
+    const selectedRowKeys = ref([]);
+    const tableRef = ref();
+    const myColumns = computed(() => {
+      if (props.columns) {
+        return props.columns.map(item => ({
+          title: item.title,
+          dataIndex: item.dataIndex
+        }));
+      }
+      return [{
+        title: contextLocale.value.columns.sign,
+        dataIndex: 'id'
+      }, {
+        title: contextLocale.value.columns.name,
+        dataIndex: 'name'
+      }];
+    });
+    const selectedTableRow = record => {
+      tableTool.scrollTo({
+        ...record,
+        __serial: record.__oldSerial - 1
+      });
+      tableTool.selected([record.id]);
+    };
+    const handleFilterArray = () => {
+      const cloneDataSource = JSON.parse(JSON.stringify(dataSource.value || '[]')).map(item => Object.assign(item, {
+        __oldSerial: item.__serial
+      }));
+      const _filterArray = cloneDataSource.filter(item => {
+        let targetValue = item[props.searchKey];
+        if (targetValue) {
+          if (isNumber(targetValue) || isBoolean(targetValue)) {
+            targetValue = String(targetValue);
+          } else if (isArray(targetValue) || isObject(targetValue)) {
+            targetValue = JSON.stringify(targetValue);
+          }
+          return targetValue.includes(searchValue.value);
+        }
+        return false;
+      });
+      if (openGroup) {
+        const handleGroup = [];
+        groupOptions.value.forEach(group => {
+          handleGroup.push(..._filterArray.filter(item => item.expands.groupId === group.value));
+        });
+        return handleGroup;
+      }
+      return _filterArray;
+    };
+    const search = key => {
+      filterArray.value = handleFilterArray();
+      if (key === 'all') {
+        visible.value = true;
+        modalHeight.value = 400;
+        searchIndex.value = 0;
+      } else if (key === 'next') {
+        searchIndex.value += 1;
+      } else {
+        searchIndex.value -= 1;
+      }
+      if (searchIndex.value < 0) {
+        searchIndex.value = filterArray.value.length - 1;
+      } else if (searchIndex.value > filterArray.value.length - 1) {
+        searchIndex.value = 0;
+      }
+      const searchItem = filterArray.value[searchIndex.value];
+      if (key !== 'all' && visible.value) {
+        tableRef.value?.scrollToByIndex(searchIndex.value - 1);
+      }
+      if (filterArray.value.length >= 1) {
+        selectedRowKeys.value = [searchItem.id];
+        selectedTableRow(searchItem);
+      } else {
+        selectedRowKeys.value = [];
+        tableTool.selected([]);
+      }
+    };
+    const heightChange = h => {
+      if (h > 340) {
+        tableHeight.value = h - 160;
+      }
+    };
+    const onClose = () => {
+      emit('close');
+    };
+    const onSelect = record => {
+      searchIndex.value = filterArray.value.findIndex(item => item.id === record.id);
+      selectedRowKeys.value = [record.id];
+      selectedTableRow(record);
+    };
+    return {
+      contextLocale,
+      openGroup,
+      searchValue,
+      filterArray,
+      visible,
+      modalHeight,
+      tableHeight,
+      selectedRowKeys,
+      tableRef,
+      myColumns,
+      search,
+      heightChange,
+      onClose,
+      onSelect
+    };
+  }
+});