@kyfe/ks-query-table 0.0.21 → 0.0.22

package/src/view/home/query-table/components/query-table/mixins/table-fixed.js

@@ -0,0 +1,130 @@
+
+export default {
+  data() {
+    return {
+      // table外部容器是否已经滚到外部容器底部
+      isBottom: false,
+      // 表格Y轴是否能滚动
+      fixedScrollY: false,
+      // table内部的滚动top
+      tabledScrollTop: null,
+      lastY: 0
+    }
+  },
+  mounted() {
+    this.initFixed()
+    this.autoResizeHeight()
+  },
+  beforeDestroy() {
+    this._resizeObserver?.disconnect()
+    this._resizeObserver = null
+  },
+  methods: {
+    initFixed() {
+      // 不需要吸顶, 打开滚动
+      if (!this.$slots.topUnfixed) {
+        this.fixedScrollY = true
+        return
+      }
+      console.log(this.$slots, 'this.$slots')
+      this.tableParentContainer = this.$refs.tableBoxRef
+      if (this.tableParentContainer) {
+        this.tabledFixedTop()
+        this.touchEvent()
+      }
+    },
+    touchEvent() {
+      document.addEventListener('touchmove', event => {
+        // 获取当前触摸点的 Y 坐标
+        let currentY = event.touches[0].clientY;
+        if (this.tabledScrollTop === 0 && this.isBottom) {
+          // 判断滑动方向
+          if (currentY > this.lastY) {
+            // 下滑
+            this.fixedScrollY = false
+            if (this.tabledScrollTop === 0) {
+              this.tableParentContainer.style.overflow = 'auto'
+            }
+          } else if (currentY < this.lastY) {
+            // 上滑
+            this.fixedScrollY = true
+          }
+        }
+        // 更新上一次的 Y 坐标
+        this.lastY = currentY
+      })
+      document.addEventListener('touchend', () => {
+        if (this.tabledScrollTop === 0) {
+          this.tableParentContainer.style.overflow = 'auto'
+        }
+      })
+    },
+    tabledFixedTop() {
+      let container = this.$refs.tableBoxRef
+      container.addEventListener('scroll', () => {
+        // 滚动条已到底部
+        this.isBottom = Math.ceil(container.scrollTop + container.clientHeight) >= Math.ceil(container.scrollHeight)
+        // 开启表格滚动
+        this.fixedScrollY = this.isBottom
+      })
+    },
+    fixedTableScroll(e) {
+      if (!this.$slots.topUnfixed) return
+      this.tableParentContainer.style.overflow = (e.scrollTop !== 0 && this.isBottom) ? 'hidden' : 'auto'
+      this.tabledScrollTop = e.scrollTop
+    },
+    autoScorollX() {
+      this.$nextTick(() => {
+        this.$refs.peTable.setScrollOffsetX(this.$refs.peTable.offsetX || 0)
+        this.$refs.peTable.renderViewportCells()
+      })
+    },
+    autoResizeHeight() {
+      this.$nextTick(() => {
+        const targetElement = this.$el.querySelector('.table').parentNode
+        let previousHeight = null
+        let previousWidth = null
+        let resizeTimeout // 用于防抖的定时器
+
+        const resizeObserver = new ResizeObserver(entries => {
+          if (window.PE_tableHorizontal) return
+          // 如果定时器存在，清除它
+          if (resizeTimeout) {
+            clearTimeout(resizeTimeout)
+          }
+
+          // 使用防抖技术，延迟执行回调
+          // resizeTimeout = setTimeout(() => {
+          for (let entry of entries) {
+            let topFixedHeight = this.$el.querySelector('.top-fixed') ? this.$el.querySelector('.top-fixed').clientHeight : 0
+            let pageHeight = this.$el.querySelector('.pager') ? this.$el.querySelector('.pager').clientHeight : 0
+            const newHeight = entry.contentRect.height - topFixedHeight - pageHeight
+            const newWidth = entry.contentRect.width
+            // 仅在高度变化时执行某些操作
+            if (newHeight !== previousHeight) {
+              // console.log('新高度:', newHeight)
+              previousHeight = newHeight // 更新之前的高度
+              this.height = newHeight
+            }
+            if (newWidth !== previousWidth) {
+              // console.log('新宽度:', newWidth)
+              previousWidth = newWidth
+              this.tableWidth = newWidth
+              this.autoScorollX()
+            }
+            }
+          // }, 0) // 100ms 延迟
+        })
+
+        this._resizeObserver = resizeObserver
+        // 开始观察目标元素
+        resizeObserver.observe(targetElement)
+      })
+    }
+  },
+  // beforeDestroy() {
+  // this._resizeObserver = null
+  // this.$bus.$off('onFoldStateChanged', this.onFoldStateChanged)
+  // this.$bus.$off('screenChange', this.screenChange)
+  // }
+}

package/src/view/home/query-table/components/query-table/mixins/table-horizontal.js

@@ -0,0 +1,119 @@
+import TableHorizontal from '../../table-horizontal.vue'
+
+
+
+export default {
+    data() {
+        return {
+            isShowHorizontal: false,
+        }
+    },
+    methods: {
+        // 横屏
+        createHorizontal() {
+            const slot = this.$slots.default ? this.$slots.default[0] : this.$scopedSlots
+            const horizontalAttrs = {
+                props: {
+                    show: this.isShowHorizontal,
+                    statusHeight: this.statusHeight,
+                    tableTag: this.tableTag,
+                },
+                on: {
+                    close: this.closeHorizontal,
+                },
+                ref: 'tableHorizontal',
+                scopedSlots: {
+                    top: slot['horizontal-top'],
+                    content: slot['horizontal-content'],
+                },
+            }
+            return <TableHorizontal {...horizontalAttrs}></TableHorizontal>
+        },
+
+        toggleHorizontalTable (flag) {
+            if (flag) {
+                this.openHorizontal({ disableAppend: true })
+                return
+            }
+            this.closeHorizontal({ disableAppend: true })
+        },
+        // 启动横屏
+        async openHorizontal(options = {}) {
+            const { isHideBar = true, disableAppend = false } = options;
+            this.spTableWidth = this.$el.parentNode.offsetWidth
+            // 如果存在传入的height优先使用，否则取负极的高度
+            this.spTableHeight = this.height || this.$el.parentNode.offsetHeight
+            // this.isShowHorizontal = true
+            if (!disableAppend) {
+                this.isShowHorizontal = true
+            }
+            await this.$nextTick()
+            let hpWidth = Math.max(window.innerHeight, window.innerWidth) - this.statusHeight
+            // - 安卓状态栏高度 - 弹窗头部高度48 - 安全距离10
+            let hpHeight = window.innerWidth - this.statusHeight - 48 - 10
+            // 针对表格上方需要配置显示内容，需要减去这个区域的高度
+            if (this.$slots && this.$slots['horizontal-content']) {
+                hpHeight = hpHeight - 32
+            }
+            setTimeout(async () => {
+                if (!disableAppend) {
+                    this.$refs.tableHorizontal.$refs.horizontalTable.appendChild(this.$refs.peTable.$el)
+                }
+                window.PE_tableHorizontal = true
+                // this.$refs.tableHorizontal.$refs.horizontalTable.appendChild(this.$refs.cellPopup.$el)
+                window.ks.callFunc({ method: 'setInterfaceOrientation', params: { orientation: 1 } }).catch(() => {
+                    /**ignore*/
+                })
+                // 宽度横屏完成后设置，防止横屏前表格高度变低
+                this.tableWidth = hpWidth
+                this.tableHeight = hpHeight
+                window.ks.callFunc({ method: 'setCloseButton', params: { isShow: false } })
+                this.isHideBar = isHideBar
+                isHideBar && window.ks.callFunc({ method: 'setStockTabVisible', params: { isShow: false } })
+                this.isCurTableEmit = true
+                // this.containerPopover = this.$refs.tableHorizontal.$el
+                this.$nextTick(() => {
+                    requestAnimationFrame(() => this.$refs.peTable.scrollToLeft(this.$refs.peTable.offsetX))
+                })
+                this.$emit('hrizontalChange', true)
+            }, 0)
+        },
+        // 关闭横屏
+        async closeHorizontal() {
+            this.tableWidth = this.spTableWidth
+            this.tableHeight = this.spTableHeight
+            // this.setHtmlFontSize()
+            // this.containerPopover = this.$refs.peTableWrappper
+            this.$refs.mesosphereWrap.appendChild(this.$refs.peTable.$el)
+            // this.$refs.mesosphereWrap.appendChild(this.$refs.cellPopup.$el)
+            window.ks.callFunc({ method: 'setInterfaceOrientation', params: { orientation: 0 } }).catch(() => {
+                /**ignore*/
+            })
+            // 横屏切换竖屏
+            this.$nextTick(() => {
+                // 如果是滑动到底部，切回竖屏，需要重置滚动
+                if (this.$refs.peTable && this.$refs.peTable.scrollToTop) {
+                    const scrollableHeight = (this.$refs.peTable.state && this.$refs.peTable.state.scrollableHeight) || 0
+                    const peTableOffsetY = this.$refs.peTable.offsetY || 0
+                    const offset = this.loadOptions.offset || 0
+                    if (scrollableHeight - peTableOffsetY <= offset) {
+                        // 如果切换横屏前，表格不是滑动状态的，自动滑动到顶部
+                        this.$refs.peTable.scrollToTop(peTableOffsetY)
+                    }
+                }
+                this.$refs.peTable.resetStretch()
+            })
+
+            await this.$nextTick()
+            this.isShowHorizontal = false
+
+            if (!this.disabledAutoHideClose) {
+                window.ks.callFunc({ method: 'setCloseButton', params: { isShow: true } })
+            }
+            this.isHideBar && window.ks.callFunc({ method: 'setStockTabVisible', params: { isShow: true } })
+            window.PE_tableHorizontal = false
+            this.isCurTableEmit = true
+            this.$emit('hrizontalChange', false)
+        },
+    }
+}

package/src/view/home/query-table/components/table-horizontal.vue

@@ -0,0 +1,99 @@
+<script>
+export default {
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+    },
+    statusHeight: {
+      type: [Number, String],
+      default: 0,
+    },
+    tableTag: {
+      type: String,
+      default: '',
+    },
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    closeHorizontal() {
+      this.$emit('close')
+    },
+  },
+  computed: {},
+  render() {
+    const slot = this.$slots.default ? this.$slots.default[0] : this.$scopedSlots
+    const style = {
+      paddingLeft: this.statusHeight + 'PX',
+      width: '100%',
+    }
+    return (
+      <van-popup
+        value={this.show}
+        get-container="body"
+        class="horizontal-popup pe-common-popup-container"
+        tableTag={this.tableTag}
+        style={style}
+        overlay={false}
+        closeable={false}
+        close-on-click-overlay={false}
+        close-on-popstate={true}
+      >
+        <div class="popup-title">
+          <div onClick={() => this.closeHorizontal()} class="title-back">
+            <div class="left-img">
+              <img src={require('../assets/horizontal-back.svg')} width="24" height="24" />
+            </div>
+          </div>
+          <div class="title-right">{slot.top ? slot.top() : null}</div>
+        </div>
+        <div v-if="slot.content">{slot.content ? slot.content() : null}</div>
+        <div ref="horizontalTable" class="popup-content"></div>
+      </van-popup>
+    )
+  },
+}
+</script>
+<style lang="less" scoped>
+.horizontal-popup {
+  user-select: none;
+  -webkit-user-select: none; /* Safari */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* IE 10 and IE 11 */
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-between;
+  height: 100%;
+  width: 100%;
+  background-color: #fff;
+  .popup-title {
+    display: flex;
+    align-items: center;
+    height: 48px;
+    background-color: #fff;
+    .title-back {
+      display: flex;
+      height: 100%;
+      align-items: center;
+      padding-right: 12px;
+      .left-img {
+        font-size: 0;
+      }
+    }
+    .title-right {
+      flex: 1;
+      font-size: 18px;
+      .right-text {
+      }
+    }
+  }
+  .popup-content {
+    flex: 1;
+    overflow-y: auto;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+}
+</style>

package/src/view/home/query-table/components/table-pagination.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="pager">
+    <ks-pagination v-model="currentPage"
+                   :page-count="totalPages"
+                   force-ellipses
+                   @change="pageChange" />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    totalPages: {
+      type: Number,
+      required: true,
+    },
+    currentPage: {
+      type: Number,
+      required: true,
+    },
+  },
+  methods: {
+    pageChange(val) {
+      console.log('pageChange', val)
+      this.$emit('pageChanged', val)
+    },
+  },
+}
+</script>
+
+<style scoped>
+</style>

package/src/view/home/query-table/components/table-settings/assets/arrpw-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="8" height="8" viewBox="0 0 8 8"><g><g transform="matrix(0,-1,-1,0,12.940673828125,12.940673828125)"><path d="M7.341234828125,11.44463L10.679883828125,9.08793C10.868023828125,8.95513,10.868023828125,8.67609,10.679883828125,8.543289999999999L7.341234828125,6.1865939C7.120430828125,6.0307319,6.815673828125,6.1886434,6.815673828125,6.458917L6.815673828125,11.1723C6.815673828125,11.44258,7.120430828125,11.60049,7.341234828125,11.44463Z" fill="#6B7175" fill-opacity="1"/></g></g></svg>

package/src/view/home/query-table/components/table-settings/assets/disabled-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g transform="matrix(0.7071067690849304,0.7071067690849304,0.7071067690849304,-0.7071067690849304,-4.142928544541064,10.001914630709507)"><path d="M5.1700439453125,7.40048828125L9.1700439453125,7.40048828125Q9.229133945312501,7.40048828125,9.287093945312499,7.41201728125Q9.3450539453125,7.42354628125,9.399653945312501,7.44616028125Q9.4542539453125,7.46877528125,9.5033839453125,7.50160628125Q9.552523945312501,7.53443828125,9.5943039453125,7.57622428125Q9.6360939453125,7.61801028125,9.6689239453125,7.66714628125Q9.7017539453125,7.71628128125,9.7243739453125,7.77087828125Q9.7469839453125,7.82547428125,9.758513945312501,7.88343428125Q9.7700439453125,7.9413934812499996,9.7700439453125,8.00048828125L9.7700439453125,12.00048828125Q9.7700439453125,12.059578281250001,9.758513945312501,12.117538281249999Q9.7469839453125,12.17549828125,9.7243739453125,12.230098281250001Q9.7017539453125,12.28469828125,9.6689239453125,12.33382828125Q9.6360939453125,12.382968281250001,9.5943039453125,12.42474828125Q9.552523945312501,12.46653828125,9.5033839453125,12.49936828125Q9.4542539453125,12.53219828125,9.399653945312501,12.55481828125Q9.3450539453125,12.57742828125,9.287093945312499,12.588958281250001Q9.229133945312501,12.60048828125,9.1700439453125,12.60048828125Q9.1109439453125,12.60048828125,9.052993945312501,12.588958281250001Q8.9950339453125,12.57742828125,8.940433945312499,12.55481828125Q8.8858339453125,12.53219828125,8.8367039453125,12.49936828125Q8.787563945312499,12.46653828125,8.7457839453125,12.42474828125Q8.7039939453125,12.382968281250001,8.6711639453125,12.33382828125Q8.6383339453125,12.28469828125,8.6157139453125,12.230098281250001Q8.5931039453125,12.17549828125,8.581573945312499,12.117538281249999Q8.5700439453125,12.059578281250001,8.5700439453125,12.00048828125L8.5700439453125,8.60048828125L5.1700439453125,8.60048828125Q5.1109491453124996,8.60048828125,5.0529899453125,8.58895928125Q4.9950299453125,8.57743028125,4.9404339453125,8.55481628125Q4.8858369453125,8.53220128125,4.8367019453125,8.49937028125Q4.7875659453125,8.46653828125,4.7457799453125,8.42475228125Q4.7039939453125,8.38296628125,4.6711619453125,8.33383028125Q4.6383309453125,8.28469528125,4.6157159453125,8.23009828125Q4.5931019453125,8.175502281250001,4.5815729453125,8.11754228125Q4.5700439453125,8.05958308125,4.5700439453125,8.00048828125Q4.5700439453125,7.9413934812499996,4.5815729453125,7.88343428125Q4.5931019453125,7.82547428125,4.6157159453125,7.77087828125Q4.6383309453125,7.71628128125,4.6711619453125,7.66714628125Q4.7039939453125,7.61801028125,4.7457799453125,7.57622428125Q4.7875659453125,7.53443828125,4.8367019453125,7.50160628125Q4.8858369453125,7.46877528125,4.9404339453125,7.44616028125Q4.9950299453125,7.42354628125,5.0529899453125,7.41201728125Q5.1109491453124996,7.40048828125,5.1700439453125,7.40048828125Z" fill-rule="evenodd" fill="#C2C0C0" fill-opacity="1"/></g><g transform="matrix(1,0,0,-1,0,26.7978515625)"><path d="M4,12.79892578125L12,12.79892578125Q12.05909,12.79892578125,12.11705,12.81045478125Q12.17501,12.82198378125,12.22961,12.84459778125Q12.28421,12.86721278125,12.33334,12.90004378125Q12.38248,12.93287578125,12.42426,12.97466178125Q12.46605,13.01644778125,12.49888,13.06558378125Q12.53171,13.11471878125,12.55433,13.16931578125Q12.57694,13.223911781249999,12.58847,13.28187178125Q12.6,13.33983098125,12.6,13.39892578125Q12.6,13.45802058125,12.58847,13.51597978125Q12.57694,13.573939781250001,12.55433,13.62853578125Q12.53171,13.68313278125,12.49888,13.73226778125Q12.46605,13.78140378125,12.42426,13.82318978125Q12.38248,13.86497578125,12.33334,13.89780778125Q12.28421,13.93063878125,12.22961,13.95325378125Q12.17501,13.97586778125,12.11705,13.98739678125Q12.05909,13.99892578125,12,13.99892578125L4,13.99892578125Q3.9409052,13.99892578125,3.882946,13.98739678125Q3.824986,13.97586778125,3.77039,13.95325378125Q3.715793,13.93063878125,3.666658,13.89780778125Q3.617522,13.86497578125,3.575736,13.82318978125Q3.53395,13.78140378125,3.501118,13.73226778125Q3.468287,13.68313278125,3.445672,13.62853578125Q3.423058,13.573939781250001,3.411529,13.51597978125Q3.4,13.45802058125,3.4,13.39892578125Q3.4,13.33983098125,3.411529,13.28187178125Q3.423058,13.223911781249999,3.445672,13.16931578125Q3.468287,13.11471878125,3.501118,13.06558378125Q3.53395,13.01644778125,3.575736,12.97466178125Q3.617522,12.93287578125,3.666658,12.90004378125Q3.715793,12.86721278125,3.77039,12.84459778125Q3.824986,12.82198378125,3.882946,12.81045478125Q3.9409052,12.79892578125,4,12.79892578125Z" fill-rule="evenodd" fill="#C2C0C0" fill-opacity="1"/></g><g transform="matrix(0,1,1,0,4.9993896484375,-4.9993896484375)"><path d="M7.9993896484375,2.4L14.9993896484375,2.4Q15.058479648437501,2.4,15.116439648437499,2.411529Q15.1743996484375,2.423058,15.228999648437501,2.445672Q15.2835996484375,2.468287,15.3327296484375,2.501118Q15.381869648437501,2.53395,15.4236496484375,2.575736Q15.4654396484375,2.617522,15.4982696484375,2.666658Q15.5310996484375,2.715793,15.5537196484375,2.77039Q15.5763296484375,2.824986,15.587859648437501,2.882946Q15.5993896484375,2.9409052,15.5993896484375,3Q15.5993896484375,3.0590948,15.587859648437501,3.117054Q15.5763296484375,3.175014,15.5537196484375,3.22961Q15.5310996484375,3.284207,15.4982696484375,3.333342Q15.4654396484375,3.382478,15.4236496484375,3.424264Q15.381869648437501,3.46605,15.3327296484375,3.498882Q15.2835996484375,3.531713,15.228999648437501,3.554328Q15.1743996484375,3.576942,15.116439648437499,3.588471Q15.058479648437501,3.6,14.9993896484375,3.6L7.9993896484375,3.6Q7.9402948484374996,3.6,7.8823356484375,3.588471Q7.8243756484375,3.576942,7.7697796484375,3.554328Q7.7151826484375,3.531713,7.6660476484375,3.498882Q7.6169116484375,3.46605,7.5751256484375,3.424264Q7.5333396484375,3.382478,7.5005076484375,3.333342Q7.4676766484375,3.284207,7.4450616484375,3.22961Q7.4224476484375,3.175014,7.4109186484375,3.117054Q7.3993896484375,3.0590948,7.3993896484375,3Q7.3993896484375,2.9409052,7.4109186484375,2.882946Q7.4224476484375,2.824986,7.4450616484375,2.77039Q7.4676766484375,2.715793,7.5005076484375,2.666658Q7.5333396484375,2.617522,7.5751256484375,2.575736Q7.6169116484375,2.53395,7.6660476484375,2.501118Q7.7151826484375,2.468287,7.7697796484375,2.445672Q7.8243756484375,2.423058,7.8823356484375,2.411529Q7.9402948484374996,2.4,7.9993896484375,2.4Z" fill-rule="evenodd" fill="#C2C0C0" fill-opacity="1"/></g></g></svg>

package/src/view/home/query-table/components/table-settings/assets/disabled-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-4.424321130871249,6.115618564210308)"><path d="M5.1700439453125,7.7984375L9.1700439453125,7.7984375Q9.229133945312501,7.7984375,9.287093945312499,7.8099665Q9.3450539453125,7.8214955,9.399653945312501,7.8441095Q9.4542539453125,7.8667245,9.5033839453125,7.8995555Q9.552523945312501,7.9323875,9.5943039453125,7.9741735Q9.6360939453125,8.0159595,9.6689239453125,8.0650955Q9.7017539453125,8.1142305,9.7243739453125,8.1688275Q9.7469839453125,8.223423499999999,9.758513945312501,8.2813835Q9.7700439453125,8.3393427,9.7700439453125,8.3984375L9.7700439453125,12.3984375Q9.7700439453125,12.457527500000001,9.758513945312501,12.515487499999999Q9.7469839453125,12.5734475,9.7243739453125,12.628047500000001Q9.7017539453125,12.6826475,9.6689239453125,12.7317775Q9.6360939453125,12.780917500000001,9.5943039453125,12.8226975Q9.552523945312501,12.8644875,9.5033839453125,12.8973175Q9.4542539453125,12.9301475,9.399653945312501,12.9527675Q9.3450539453125,12.9753775,9.287093945312499,12.986907500000001Q9.229133945312501,12.9984375,9.1700439453125,12.9984375Q9.1109439453125,12.9984375,9.052993945312501,12.986907500000001Q8.9950339453125,12.9753775,8.940433945312499,12.9527675Q8.8858339453125,12.9301475,8.8367039453125,12.8973175Q8.787563945312499,12.8644875,8.7457839453125,12.8226975Q8.7039939453125,12.780917500000001,8.6711639453125,12.7317775Q8.6383339453125,12.6826475,8.6157139453125,12.628047500000001Q8.5931039453125,12.5734475,8.581573945312499,12.515487499999999Q8.5700439453125,12.457527500000001,8.5700439453125,12.3984375L8.5700439453125,8.9984375L5.1700439453125,8.9984375Q5.1109491453124996,8.9984375,5.0529899453125,8.9869085Q4.9950299453125,8.9753795,4.9404339453125,8.9527655Q4.8858369453125,8.9301505,4.8367019453125,8.8973195Q4.7875659453125,8.8644875,4.7457799453125,8.8227015Q4.7039939453125,8.7809155,4.6711619453125,8.7317795Q4.6383309453125,8.6826445,4.6157159453125,8.6280475Q4.5931019453125,8.573451500000001,4.5815729453125,8.5154915Q4.5700439453125,8.4575323,4.5700439453125,8.3984375Q4.5700439453125,8.3393427,4.5815729453125,8.2813835Q4.5931019453125,8.223423499999999,4.6157159453125,8.1688275Q4.6383309453125,8.1142305,4.6711619453125,8.0650955Q4.7039939453125,8.0159595,4.7457799453125,7.9741735Q4.7875659453125,7.9323875,4.8367019453125,7.8995555Q4.8858369453125,7.8667245,4.9404339453125,7.8441095Q4.9950299453125,7.8214955,5.0529899453125,7.8099665Q5.1109491453124996,7.7984375,5.1700439453125,7.7984375Z" fill-rule="evenodd" fill="#C2C0C0" fill-opacity="1"/></g><g><path d="M4,2.4L12,2.4Q12.05909,2.4,12.11705,2.411529Q12.17501,2.423058,12.22961,2.445672Q12.28421,2.468287,12.33334,2.501118Q12.38248,2.53395,12.42426,2.575736Q12.46605,2.617522,12.49888,2.666658Q12.53171,2.715793,12.55433,2.77039Q12.57694,2.824986,12.58847,2.882946Q12.6,2.9409052,12.6,3Q12.6,3.0590948,12.58847,3.117054Q12.57694,3.175014,12.55433,3.22961Q12.53171,3.284207,12.49888,3.333342Q12.46605,3.382478,12.42426,3.424264Q12.38248,3.46605,12.33334,3.498882Q12.28421,3.531713,12.22961,3.554328Q12.17501,3.576942,12.11705,3.588471Q12.05909,3.6,12,3.6L4,3.6Q3.9409052,3.6,3.882946,3.588471Q3.824986,3.576942,3.77039,3.554328Q3.715793,3.531713,3.666658,3.498882Q3.617522,3.46605,3.575736,3.424264Q3.53395,3.382478,3.501118,3.333342Q3.468287,3.284207,3.445672,3.22961Q3.423058,3.175014,3.411529,3.117054Q3.4,3.0590948,3.4,3Q3.4,2.9409052,3.411529,2.882946Q3.423058,2.824986,3.445672,2.77039Q3.468287,2.715793,3.501118,2.666658Q3.53395,2.617522,3.575736,2.575736Q3.617522,2.53395,3.666658,2.501118Q3.715793,2.468287,3.77039,2.445672Q3.824986,2.423058,3.882946,2.411529Q3.9409052,2.4,4,2.4Z" fill-rule="evenodd" fill="#C2C0C0" fill-opacity="1"/></g><g transform="matrix(0,-1,1,0,-5.3995361328125,21.3983154296875)"><path d="M7.9993896484375,12.79892578125L14.9993896484375,12.79892578125Q15.058479648437501,12.79892578125,15.116439648437499,12.81045478125Q15.1743996484375,12.82198378125,15.228999648437501,12.84459778125Q15.2835996484375,12.86721278125,15.3327296484375,12.90004378125Q15.381869648437501,12.93287578125,15.4236496484375,12.97466178125Q15.4654396484375,13.01644778125,15.4982696484375,13.06558378125Q15.5310996484375,13.11471878125,15.5537196484375,13.16931578125Q15.5763296484375,13.223911781249999,15.587859648437501,13.28187178125Q15.5993896484375,13.33983098125,15.5993896484375,13.39892578125Q15.5993896484375,13.45802058125,15.587859648437501,13.51597978125Q15.5763296484375,13.573939781250001,15.5537196484375,13.62853578125Q15.5310996484375,13.68313278125,15.4982696484375,13.73226778125Q15.4654396484375,13.78140378125,15.4236496484375,13.82318978125Q15.381869648437501,13.86497578125,15.3327296484375,13.89780778125Q15.2835996484375,13.93063878125,15.228999648437501,13.95325378125Q15.1743996484375,13.97586778125,15.116439648437499,13.98739678125Q15.058479648437501,13.99892578125,14.9993896484375,13.99892578125L7.9993896484375,13.99892578125Q7.9402948484374996,13.99892578125,7.8823356484375,13.98739678125Q7.8243756484375,13.97586778125,7.7697796484375,13.95325378125Q7.7151826484375,13.93063878125,7.6660476484375,13.89780778125Q7.6169116484375,13.86497578125,7.5751256484375,13.82318978125Q7.5333396484375,13.78140378125,7.5005076484375,13.73226778125Q7.4676766484375,13.68313278125,7.4450616484375,13.62853578125Q7.4224476484375,13.573939781250001,7.4109186484375,13.51597978125Q7.3993896484375,13.45802058125,7.3993896484375,13.39892578125Q7.3993896484375,13.33983098125,7.4109186484375,13.28187178125Q7.4224476484375,13.223911781249999,7.4450616484375,13.16931578125Q7.4676766484375,13.11471878125,7.5005076484375,13.06558378125Q7.5333396484375,13.01644778125,7.5751256484375,12.97466178125Q7.6169116484375,12.93287578125,7.6660476484375,12.90004378125Q7.7151826484375,12.86721278125,7.7697796484375,12.84459778125Q7.8243756484375,12.82198378125,7.8823356484375,12.81045478125Q7.9402948484374996,12.79892578125,7.9993896484375,12.79892578125Z" fill-rule="evenodd" fill="#C2C0C0" fill-opacity="1"/></g></g></svg>

package/src/view/home/query-table/components/table-settings/assets/down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g transform="matrix(0.7071067690849304,0.7071067690849304,0.7071067690849304,-0.7071067690849304,-4.142928544541064,10.001914630709507)"><path d="M5.1700439453125,7.40048828125L9.1700439453125,7.40048828125Q9.229133945312501,7.40048828125,9.287093945312499,7.41201728125Q9.3450539453125,7.42354628125,9.399653945312501,7.44616028125Q9.4542539453125,7.46877528125,9.5033839453125,7.50160628125Q9.552523945312501,7.53443828125,9.5943039453125,7.57622428125Q9.6360939453125,7.61801028125,9.6689239453125,7.66714628125Q9.7017539453125,7.71628128125,9.7243739453125,7.77087828125Q9.7469839453125,7.82547428125,9.758513945312501,7.88343428125Q9.7700439453125,7.9413934812499996,9.7700439453125,8.00048828125L9.7700439453125,12.00048828125Q9.7700439453125,12.059578281250001,9.758513945312501,12.117538281249999Q9.7469839453125,12.17549828125,9.7243739453125,12.230098281250001Q9.7017539453125,12.28469828125,9.6689239453125,12.33382828125Q9.6360939453125,12.382968281250001,9.5943039453125,12.42474828125Q9.552523945312501,12.46653828125,9.5033839453125,12.49936828125Q9.4542539453125,12.53219828125,9.399653945312501,12.55481828125Q9.3450539453125,12.57742828125,9.287093945312499,12.588958281250001Q9.229133945312501,12.60048828125,9.1700439453125,12.60048828125Q9.1109439453125,12.60048828125,9.052993945312501,12.588958281250001Q8.9950339453125,12.57742828125,8.940433945312499,12.55481828125Q8.8858339453125,12.53219828125,8.8367039453125,12.49936828125Q8.787563945312499,12.46653828125,8.7457839453125,12.42474828125Q8.7039939453125,12.382968281250001,8.6711639453125,12.33382828125Q8.6383339453125,12.28469828125,8.6157139453125,12.230098281250001Q8.5931039453125,12.17549828125,8.581573945312499,12.117538281249999Q8.5700439453125,12.059578281250001,8.5700439453125,12.00048828125L8.5700439453125,8.60048828125L5.1700439453125,8.60048828125Q5.1109491453124996,8.60048828125,5.0529899453125,8.58895928125Q4.9950299453125,8.57743028125,4.9404339453125,8.55481628125Q4.8858369453125,8.53220128125,4.8367019453125,8.49937028125Q4.7875659453125,8.46653828125,4.7457799453125,8.42475228125Q4.7039939453125,8.38296628125,4.6711619453125,8.33383028125Q4.6383309453125,8.28469528125,4.6157159453125,8.23009828125Q4.5931019453125,8.175502281250001,4.5815729453125,8.11754228125Q4.5700439453125,8.05958308125,4.5700439453125,8.00048828125Q4.5700439453125,7.9413934812499996,4.5815729453125,7.88343428125Q4.5931019453125,7.82547428125,4.6157159453125,7.77087828125Q4.6383309453125,7.71628128125,4.6711619453125,7.66714628125Q4.7039939453125,7.61801028125,4.7457799453125,7.57622428125Q4.7875659453125,7.53443828125,4.8367019453125,7.50160628125Q4.8858369453125,7.46877528125,4.9404339453125,7.44616028125Q4.9950299453125,7.42354628125,5.0529899453125,7.41201728125Q5.1109491453124996,7.40048828125,5.1700439453125,7.40048828125Z" fill-rule="evenodd" fill="#1C2023" fill-opacity="1"/></g><g transform="matrix(1,0,0,-1,0,26.7978515625)"><path d="M4,12.79892578125L12,12.79892578125Q12.05909,12.79892578125,12.11705,12.81045478125Q12.17501,12.82198378125,12.22961,12.84459778125Q12.28421,12.86721278125,12.33334,12.90004378125Q12.38248,12.93287578125,12.42426,12.97466178125Q12.46605,13.01644778125,12.49888,13.06558378125Q12.53171,13.11471878125,12.55433,13.16931578125Q12.57694,13.223911781249999,12.58847,13.28187178125Q12.6,13.33983098125,12.6,13.39892578125Q12.6,13.45802058125,12.58847,13.51597978125Q12.57694,13.573939781250001,12.55433,13.62853578125Q12.53171,13.68313278125,12.49888,13.73226778125Q12.46605,13.78140378125,12.42426,13.82318978125Q12.38248,13.86497578125,12.33334,13.89780778125Q12.28421,13.93063878125,12.22961,13.95325378125Q12.17501,13.97586778125,12.11705,13.98739678125Q12.05909,13.99892578125,12,13.99892578125L4,13.99892578125Q3.9409052,13.99892578125,3.882946,13.98739678125Q3.824986,13.97586778125,3.77039,13.95325378125Q3.715793,13.93063878125,3.666658,13.89780778125Q3.617522,13.86497578125,3.575736,13.82318978125Q3.53395,13.78140378125,3.501118,13.73226778125Q3.468287,13.68313278125,3.445672,13.62853578125Q3.423058,13.573939781250001,3.411529,13.51597978125Q3.4,13.45802058125,3.4,13.39892578125Q3.4,13.33983098125,3.411529,13.28187178125Q3.423058,13.223911781249999,3.445672,13.16931578125Q3.468287,13.11471878125,3.501118,13.06558378125Q3.53395,13.01644778125,3.575736,12.97466178125Q3.617522,12.93287578125,3.666658,12.90004378125Q3.715793,12.86721278125,3.77039,12.84459778125Q3.824986,12.82198378125,3.882946,12.81045478125Q3.9409052,12.79892578125,4,12.79892578125Z" fill-rule="evenodd" fill="#1C2023" fill-opacity="1"/></g><g transform="matrix(0,1,1,0,4.9993896484375,-4.9993896484375)"><path d="M7.9993896484375,2.4L14.9993896484375,2.4Q15.058479648437501,2.4,15.116439648437499,2.411529Q15.1743996484375,2.423058,15.228999648437501,2.445672Q15.2835996484375,2.468287,15.3327296484375,2.501118Q15.381869648437501,2.53395,15.4236496484375,2.575736Q15.4654396484375,2.617522,15.4982696484375,2.666658Q15.5310996484375,2.715793,15.5537196484375,2.77039Q15.5763296484375,2.824986,15.587859648437501,2.882946Q15.5993896484375,2.9409052,15.5993896484375,3Q15.5993896484375,3.0590948,15.587859648437501,3.117054Q15.5763296484375,3.175014,15.5537196484375,3.22961Q15.5310996484375,3.284207,15.4982696484375,3.333342Q15.4654396484375,3.382478,15.4236496484375,3.424264Q15.381869648437501,3.46605,15.3327296484375,3.498882Q15.2835996484375,3.531713,15.228999648437501,3.554328Q15.1743996484375,3.576942,15.116439648437499,3.588471Q15.058479648437501,3.6,14.9993896484375,3.6L7.9993896484375,3.6Q7.9402948484374996,3.6,7.8823356484375,3.588471Q7.8243756484375,3.576942,7.7697796484375,3.554328Q7.7151826484375,3.531713,7.6660476484375,3.498882Q7.6169116484375,3.46605,7.5751256484375,3.424264Q7.5333396484375,3.382478,7.5005076484375,3.333342Q7.4676766484375,3.284207,7.4450616484375,3.22961Q7.4224476484375,3.175014,7.4109186484375,3.117054Q7.3993896484375,3.0590948,7.3993896484375,3Q7.3993896484375,2.9409052,7.4109186484375,2.882946Q7.4224476484375,2.824986,7.4450616484375,2.77039Q7.4676766484375,2.715793,7.5005076484375,2.666658Q7.5333396484375,2.617522,7.5751256484375,2.575736Q7.6169116484375,2.53395,7.6660476484375,2.501118Q7.7151826484375,2.468287,7.7697796484375,2.445672Q7.8243756484375,2.423058,7.8823356484375,2.411529Q7.9402948484374996,2.4,7.9993896484375,2.4Z" fill-rule="evenodd" fill="#1C2023" fill-opacity="1"/></g></g></svg>

package/src/view/home/query-table/components/table-settings/assets/up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-4.424321130871249,6.115618564210308)"><path d="M5.1700439453125,7.7984375L9.1700439453125,7.7984375Q9.229133945312501,7.7984375,9.287093945312499,7.8099665Q9.3450539453125,7.8214955,9.399653945312501,7.8441095Q9.4542539453125,7.8667245,9.5033839453125,7.8995555Q9.552523945312501,7.9323875,9.5943039453125,7.9741735Q9.6360939453125,8.0159595,9.6689239453125,8.0650955Q9.7017539453125,8.1142305,9.7243739453125,8.1688275Q9.7469839453125,8.223423499999999,9.758513945312501,8.2813835Q9.7700439453125,8.3393427,9.7700439453125,8.3984375L9.7700439453125,12.3984375Q9.7700439453125,12.457527500000001,9.758513945312501,12.515487499999999Q9.7469839453125,12.5734475,9.7243739453125,12.628047500000001Q9.7017539453125,12.6826475,9.6689239453125,12.7317775Q9.6360939453125,12.780917500000001,9.5943039453125,12.8226975Q9.552523945312501,12.8644875,9.5033839453125,12.8973175Q9.4542539453125,12.9301475,9.399653945312501,12.9527675Q9.3450539453125,12.9753775,9.287093945312499,12.986907500000001Q9.229133945312501,12.9984375,9.1700439453125,12.9984375Q9.1109439453125,12.9984375,9.052993945312501,12.986907500000001Q8.9950339453125,12.9753775,8.940433945312499,12.9527675Q8.8858339453125,12.9301475,8.8367039453125,12.8973175Q8.787563945312499,12.8644875,8.7457839453125,12.8226975Q8.7039939453125,12.780917500000001,8.6711639453125,12.7317775Q8.6383339453125,12.6826475,8.6157139453125,12.628047500000001Q8.5931039453125,12.5734475,8.581573945312499,12.515487499999999Q8.5700439453125,12.457527500000001,8.5700439453125,12.3984375L8.5700439453125,8.9984375L5.1700439453125,8.9984375Q5.1109491453124996,8.9984375,5.0529899453125,8.9869085Q4.9950299453125,8.9753795,4.9404339453125,8.9527655Q4.8858369453125,8.9301505,4.8367019453125,8.8973195Q4.7875659453125,8.8644875,4.7457799453125,8.8227015Q4.7039939453125,8.7809155,4.6711619453125,8.7317795Q4.6383309453125,8.6826445,4.6157159453125,8.6280475Q4.5931019453125,8.573451500000001,4.5815729453125,8.5154915Q4.5700439453125,8.4575323,4.5700439453125,8.3984375Q4.5700439453125,8.3393427,4.5815729453125,8.2813835Q4.5931019453125,8.223423499999999,4.6157159453125,8.1688275Q4.6383309453125,8.1142305,4.6711619453125,8.0650955Q4.7039939453125,8.0159595,4.7457799453125,7.9741735Q4.7875659453125,7.9323875,4.8367019453125,7.8995555Q4.8858369453125,7.8667245,4.9404339453125,7.8441095Q4.9950299453125,7.8214955,5.0529899453125,7.8099665Q5.1109491453124996,7.7984375,5.1700439453125,7.7984375Z" fill-rule="evenodd" fill="#1C2023" fill-opacity="1"/></g><g><path d="M4,2.4L12,2.4Q12.05909,2.4,12.11705,2.411529Q12.17501,2.423058,12.22961,2.445672Q12.28421,2.468287,12.33334,2.501118Q12.38248,2.53395,12.42426,2.575736Q12.46605,2.617522,12.49888,2.666658Q12.53171,2.715793,12.55433,2.77039Q12.57694,2.824986,12.58847,2.882946Q12.6,2.9409052,12.6,3Q12.6,3.0590948,12.58847,3.117054Q12.57694,3.175014,12.55433,3.22961Q12.53171,3.284207,12.49888,3.333342Q12.46605,3.382478,12.42426,3.424264Q12.38248,3.46605,12.33334,3.498882Q12.28421,3.531713,12.22961,3.554328Q12.17501,3.576942,12.11705,3.588471Q12.05909,3.6,12,3.6L4,3.6Q3.9409052,3.6,3.882946,3.588471Q3.824986,3.576942,3.77039,3.554328Q3.715793,3.531713,3.666658,3.498882Q3.617522,3.46605,3.575736,3.424264Q3.53395,3.382478,3.501118,3.333342Q3.468287,3.284207,3.445672,3.22961Q3.423058,3.175014,3.411529,3.117054Q3.4,3.0590948,3.4,3Q3.4,2.9409052,3.411529,2.882946Q3.423058,2.824986,3.445672,2.77039Q3.468287,2.715793,3.501118,2.666658Q3.53395,2.617522,3.575736,2.575736Q3.617522,2.53395,3.666658,2.501118Q3.715793,2.468287,3.77039,2.445672Q3.824986,2.423058,3.882946,2.411529Q3.9409052,2.4,4,2.4Z" fill-rule="evenodd" fill="#1C2023" fill-opacity="1"/></g><g transform="matrix(0,-1,1,0,-5.3995361328125,21.3983154296875)"><path d="M7.9993896484375,12.79892578125L14.9993896484375,12.79892578125Q15.058479648437501,12.79892578125,15.116439648437499,12.81045478125Q15.1743996484375,12.82198378125,15.228999648437501,12.84459778125Q15.2835996484375,12.86721278125,15.3327296484375,12.90004378125Q15.381869648437501,12.93287578125,15.4236496484375,12.97466178125Q15.4654396484375,13.01644778125,15.4982696484375,13.06558378125Q15.5310996484375,13.11471878125,15.5537196484375,13.16931578125Q15.5763296484375,13.223911781249999,15.587859648437501,13.28187178125Q15.5993896484375,13.33983098125,15.5993896484375,13.39892578125Q15.5993896484375,13.45802058125,15.587859648437501,13.51597978125Q15.5763296484375,13.573939781250001,15.5537196484375,13.62853578125Q15.5310996484375,13.68313278125,15.4982696484375,13.73226778125Q15.4654396484375,13.78140378125,15.4236496484375,13.82318978125Q15.381869648437501,13.86497578125,15.3327296484375,13.89780778125Q15.2835996484375,13.93063878125,15.228999648437501,13.95325378125Q15.1743996484375,13.97586778125,15.116439648437499,13.98739678125Q15.058479648437501,13.99892578125,14.9993896484375,13.99892578125L7.9993896484375,13.99892578125Q7.9402948484374996,13.99892578125,7.8823356484375,13.98739678125Q7.8243756484375,13.97586778125,7.7697796484375,13.95325378125Q7.7151826484375,13.93063878125,7.6660476484375,13.89780778125Q7.6169116484375,13.86497578125,7.5751256484375,13.82318978125Q7.5333396484375,13.78140378125,7.5005076484375,13.73226778125Q7.4676766484375,13.68313278125,7.4450616484375,13.62853578125Q7.4224476484375,13.573939781250001,7.4109186484375,13.51597978125Q7.3993896484375,13.45802058125,7.3993896484375,13.39892578125Q7.3993896484375,13.33983098125,7.4109186484375,13.28187178125Q7.4224476484375,13.223911781249999,7.4450616484375,13.16931578125Q7.4676766484375,13.11471878125,7.5005076484375,13.06558378125Q7.5333396484375,13.01644778125,7.5751256484375,12.97466178125Q7.6169116484375,12.93287578125,7.6660476484375,12.90004378125Q7.7151826484375,12.86721278125,7.7697796484375,12.84459778125Q7.8243756484375,12.82198378125,7.8823356484375,12.81045478125Q7.9402948484374996,12.79892578125,7.9993896484375,12.79892578125Z" fill-rule="evenodd" fill="#1C2023" fill-opacity="1"/></g></g></svg>