@kyfe/ks-query-table 0.0.21 → 0.0.22

package/src/view/home/query-table/components/pe-table/empty.vue

@@ -0,0 +1,48 @@
+<script>
+import './style/empty.less'
+export default {
+  props: {
+    isAbnormal: {
+      type: Boolean,
+      default: false,
+    },
+    emptyText: {
+      type: String,
+      default: '暂无数据',
+    },
+    headerTotalHeight: {
+      type: [Number, String],
+      default: 0,
+    },
+  },
+  methods: {
+    tableAbnormal() {
+      this.$emit('abnormal')
+    },
+  },
+  render() {
+    const { isAbnormal, emptyText } = this.$props
+    // 无数据
+    const createEmptyNode = () => {
+      return [<div class="pe-table-empty_bg"></div>, <span class="pe-table-empty_label">{emptyText}</span>]
+    }
+    // 断网
+    const createAbnormal = () => {
+      return (
+        <div class="abnormal">
+          <div class="abnormal-img"></div>
+          <div class="abnormal-desc">加载超时，请检查网络</div>
+          <ks-button onClick={() => this.tableAbnormal()} plain hairline type="primary" color="#F2412F">
+            重新加载
+          </ks-button>
+        </div>
+      )
+    }
+    return (
+      <div class="pe-table-empty" style={{ top: this.headerTotalHeight + 40 + 'PX' }}>
+        {isAbnormal ? createAbnormal() : createEmptyNode()}
+      </div>
+    )
+  },
+}
+</script>

package/src/view/home/query-table/components/pe-table/header.js

@@ -0,0 +1,328 @@
+/** @format */
+import isFunction from 'lodash/isFunction'
+import './style/header.less'
+
+export default {
+  name: 'headerComponent',
+  computed: {
+    style() {
+      const obj = this.fixed
+        ? {
+            zIndex: '10',
+          }
+        : {}
+      return {
+        width: this.width + 'px',
+        height: this.height + 'px',
+        top: this.top + 'px',
+        transform: `translateX(${this.offset}px)`,
+        ...obj,
+        borderBottom: this.isTwoHeader ? '0.5px solid #DEDEDE' : 'none',
+        backgroundColor: this.isTwoHeaderBgColor ? this.column.bg : '',
+      }
+    },
+    isTwoHeader() {
+      return Array.isArray(this.column.children) && this.column.children.length
+    },
+    lastFixedClassName() {
+      return this.lastFixedCell ? 'pe-table-header_cell__last-fixed' : ''
+    },
+    fixedClassName() {
+      return this.fixed ? 'pe-table-header_cell__fixed' : ''
+    },
+    parentColClassName() {
+      // 后续如果要添加的boder模式的时候需要
+      return this.isParentCol ? 'pe-table-header_cell-parent-col' : ''
+    },
+    isTwoHeaderBgColor() {
+      return this.isTwoHeader && this.isOpenTwoHeaderBg
+    },
+  },
+  data() {
+    return {
+      offset: 0,
+      id: '',
+      text: '',
+      width: 0,
+      sortOrder: '', // ascending descending
+      column: {},
+      columns: [],
+      collapsed: false,
+      fixed: false,
+      columnIndex: -1,
+      handleEvent: null,
+      headerCellClassName: undefined,
+      globalHeaderCellClassName: undefined,
+      height: 32,
+      top: 0,
+      sortable: false,
+      collapseKeys: undefined,
+      cellResizable: true,
+      placeholderSign: false,
+      lastFixedCell: false,
+      isParentCol: false,
+      isOpenTwoHeaderBg: false,
+    }
+  },
+  render(h) {
+    if (typeof this.column !== 'object') return
+    const params = {
+      columnIndex: this.columnIndex,
+      column: this.column,
+    }
+    let classNames = [
+      Object.keys(this.column).length ? 'pe-table-header_cell' : '',
+      this.globalHeaderCellClassName,
+      this.headerCellClassName,
+      this.lastFixedClassName,
+      this.fixedClassName,
+      this.parentColClassName,
+    ]
+    const { headerCellRender, key } = this.column || {}
+    const useHeaderFeatures = () => {
+      if (this.placeholderSign) {
+        return null
+      }
+      let labelNode = null
+
+      const defaultHeaderLable = () => <span class="pe-table-header_cell-label">{this.text}</span>
+      if (isFunction(headerCellRender)) {
+        labelNode = headerCellRender(h, params)
+        if (labelNode === null) {
+          labelNode = defaultHeaderLable()
+        }
+      } else {
+        labelNode = defaultHeaderLable()
+      }
+
+      let sortable = this.sortable ? (
+        <span
+          class={['pe-table-header_cell-sort', this.sortOrder]}
+          on-click={(event) => {
+            event.stopPropagation()
+            this.handleClickSort()
+          }}
+        >
+          <i class="sort-caret ascending"></i>
+          <i class="sort-caret descending"></i>
+        </span>
+      ) : null
+
+      const isShowCollapse = this.collapseKeys && this.collapseKeys.length && !!this.column.isShowCollapseIcon
+
+      let collapse = isShowCollapse ? (
+        <span
+          on-click={(event) => {
+            event.stopPropagation()
+            this.handleClickCollapse()
+          }}
+          class={[
+            'pe-table-header_cell-collapse',
+            this.collapsed ? 'unfold' : 'fold',
+          ]}
+        ></span>
+      ) : null
+
+      return [
+        labelNode,
+        sortable,
+        collapse,
+      ]
+    }
+    const features = useHeaderFeatures()
+    return (
+      <div
+        class={classNames}
+        style={this.style}
+        on-click={this.handleClickHeaderCell}
+        on-touchstart={this.handleResizeStart}
+        on-touchmove={this.handleResizeMove}
+        on-touchend={this.handleResizeEnd}
+        on-touchcancel={this.handleResizeEnd}
+        data-cellkey={key}
+        data-head-cellkey={key}
+      >
+        {features}
+      </div>
+    )
+  },
+  methods: {
+    setContent(text) {
+      this.text = text
+    },
+    setOffset(offset) {
+      this.offset = offset
+    },
+    setSortOrder(sortOrder) {
+      this.sortOrder = sortOrder
+    },
+    reuse({
+      id,
+      offset,
+      text,
+      width,
+      column,
+      columns,
+      fixed,
+      lastFixedCell,
+      isParentCol,
+      columnIndex,
+      headerCellClassName,
+      globalHeaderCellClassName,
+      height,
+      top,
+      sortable,
+      collapseKeys,
+      sortChange,
+      sortOrder,
+      changeCollapseKeys,
+      collapsed,
+      placeholderSign,
+      isOpenTwoHeaderBg,
+      cellResizable,
+      cellResize,
+    }) {
+      this.id = id
+      this.width = width
+      this.fixed = fixed
+      this.lastFixedCell = lastFixedCell
+      this.isParentCol = isParentCol
+      this.column = column
+      this.columns = columns
+      this.columnIndex = columnIndex
+      this.headerCellClassName = headerCellClassName
+      this.globalHeaderCellClassName = globalHeaderCellClassName
+      this.height = height
+      this.top = top
+      this.sortable = sortable
+      this.collapseKeys = collapseKeys
+      this.collapsed = collapsed
+      this.sortChange = sortChange
+      this.changeCollapseKeys = changeCollapseKeys
+      this.placeholderSign = placeholderSign
+      this.isOpenTwoHeaderBg = isOpenTwoHeaderBg
+      this.cellResizable = cellResizable
+      this.cellResize = cellResize
+      this.setSortOrder(sortOrder)
+      this.setOffset(offset)
+      this.setContent(text)
+    },
+    handleClickSort() {
+      if (this.sortable) {
+        this.sortChange(this.column)
+      }
+    },
+    handleClickHeaderCell(event) {
+      if (this.sortable) {
+        this.handleClickSort()
+      }
+      if (this.collapseKeys && this.collapseKeys.length && !this.sortable) {
+        this.handleClickCollapse()
+      }
+      const params = {
+        column: this.column,
+        name: 'header-cell-click',
+        columnIndex: this.columnIndex,
+      }
+      this.handleEvent && this.handleEvent(event, params)
+    },
+    handleClickCollapse() {
+      this.changeCollapseKeys(this.column)
+    },
+    handleResizeStart(event) {
+      if (!this.cellResizable) return
+      if (event.changedTouches.length !== 1) return
+      const touch = event.changedTouches[0]
+
+      // 即将拖动列宽的列
+      let columnKey = this.column.key
+
+      // header 单元格
+      let el = event.currentTarget
+      let rect = el.getBoundingClientRect()
+
+      // 触发热区
+      const hotarea = 30
+      if (touch.clientX <= rect.left + hotarea) {
+        // 单元格左侧热区，视为触发前一列；如果前面没有列，直接跳过
+        const index = this.columns.findIndex(col => col.key === columnKey)
+        if (index === 0) return
+
+        // 切换到前一列（通过数据 columns 来查找前一列，确保找到的列是对的）
+        columnKey = this.columns[index - 1].key
+        el = el.parentElement.querySelector(`[data-head-cellkey='${columnKey}']`)
+        rect = el.getBoundingClientRect()
+      } else if (touch.clientX < rect.right - hotarea) {
+        // 不在触发热区内的，直接跳过
+        return
+      }
+
+      // 索引列禁止拖动
+      if (columnKey === '$index') return
+
+      // table 容器
+      const path = event.composedPath?.() || event.path
+      const container = path.find(el => Array.from(el.classList).includes('pe-table-container'))
+
+      // resize 标记线
+      const line = container.querySelector('.pe-table-resize_line')
+      const thumb = line.querySelector('.pe-table-resize_line-thumb')
+      thumb.style.height = `${this.height}px`
+
+      // 没有在 vm.data 中定义，因为不需要数据响应
+      this.resizeState = {
+        columnKey,
+        line,
+        startX: touch.clientX,
+        width: rect.width,
+        minWidth: 38, // 拖动的最小宽度
+        timeout: null,
+        resizing: false, // 是否在调整大小
+      }
+
+      // 长按触发（避免冲突单元格的点击事件，同时保持表头拖动表格的功能）
+      this.resizeState.timeout = setTimeout(() => {
+        this.resizeState.resizing = true
+        const containerRect = container.getBoundingClientRect()
+        Object.assign(line.style, {
+          display: 'block',
+          left: `${rect.right - containerRect.left}px`,
+          transform: 'translateZ(0)',
+        })
+      }, 120)
+    },
+    handleResizeMove(event) {
+      if (!this.cellResizable) return
+      if (!this.resizeState?.resizing) {
+        clearTimeout(this.resizeState?.timeout)
+        return
+      }
+
+      event.preventDefault()
+      event.stopPropagation()
+      const touch = event.changedTouches[0]
+      const { width, minWidth, startX, line } = this.resizeState
+      const diff = Math.max(touch.clientX - startX, minWidth - width)
+      line.style.transform = `translateX(${diff}px) translateZ(0)`
+    },
+    handleResizeEnd(event) {
+      if (!this.cellResizable) return
+      if (!this.resizeState?.resizing) {
+        clearTimeout(this.resizeState?.timeout)
+        return
+      }
+
+      const touch = event.changedTouches[0]
+      const { width, minWidth, startX, line, columnKey } = this.resizeState
+      const diff = Math.max(touch.clientX - startX, minWidth - width)
+
+      line.style.display = 'none'
+      this.resizeState = null
+
+      this.cellResize({
+        columnKey,
+        width: width + diff,
+      })
+    },
+  },
+}

package/src/view/home/query-table/components/pe-table/images/fold.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="12" height="12" viewBox="0 0 12 12"><defs><clipPath id="master_svg0_13_123671"><rect x="0" y="0" width="12" height="12" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_13_123671)"><g><g><g><g><path d="M0.5,10.125L0.5,1.875Q0.5,1.80745,0.506621,1.74023Q0.513242,1.673,0.5264202,1.60675Q0.5395985,1.5405,0.559207,1.475859Q0.5788156,1.4112179999999999,0.604666,1.3488099999999998Q0.630516,1.286403,0.662358,1.226829Q0.6942010000000001,1.167256,0.731729,1.111091Q0.769258,1.054926,0.812111,1.0027089999999999Q0.8549640000000001,0.950493,0.902728,0.902728Q0.950493,0.8549640000000001,1.0027089999999999,0.812111Q1.054926,0.769258,1.111091,0.731729Q1.167256,0.6942010000000001,1.226829,0.662358Q1.286403,0.630516,1.3488099999999998,0.604666Q1.4112179999999999,0.5788156,1.475859,0.559207Q1.5405,0.5395985,1.60675,0.5264202Q1.673,0.513242,1.74023,0.506621Q1.80745,0.5,1.875,0.5L10.125,0.5Q10.19255,0.5,10.25977,0.506621Q10.327,0.513242,10.39325,0.5264202Q10.4595,0.5395985,10.5241,0.559207Q10.5888,0.5788156,10.6512,0.604666Q10.7136,0.630516,10.7732,0.662358Q10.8327,0.6942010000000001,10.8889,0.731729Q10.9451,0.769258,10.9973,0.812111Q11.0495,0.8549640000000001,11.0973,0.902728Q11.145,0.950493,11.1879,1.0027089999999999Q11.2307,1.054926,11.2683,1.111091Q11.3058,1.167256,11.3376,1.226829Q11.3695,1.286403,11.3953,1.3488099999999998Q11.4212,1.4112179999999999,11.4408,1.475859Q11.4604,1.5405,11.4736,1.60675Q11.4868,1.673,11.4934,1.74023Q11.5,1.80745,11.5,1.875L11.5,10.125Q11.5,10.19255,11.4934,10.25977Q11.4868,10.327,11.4736,10.39325Q11.4604,10.4595,11.4408,10.5241Q11.4212,10.5888,11.3953,10.6512Q11.3695,10.7136,11.3376,10.7732Q11.3058,10.8327,11.2683,10.8889Q11.2307,10.9451,11.1879,10.9973Q11.145,11.0495,11.0973,11.0973Q11.0495,11.145,10.9973,11.1879Q10.9451,11.2307,10.8889,11.2683Q10.8327,11.3058,10.7732,11.3376Q10.7136,11.3695,10.6512,11.3953Q10.5888,11.4212,10.5241,11.4408Q10.4595,11.4604,10.39325,11.4736Q10.327,11.4868,10.25977,11.4934Q10.19255,11.5,10.125,11.5L1.875,11.5Q1.80745,11.5,1.74023,11.4934Q1.673,11.4868,1.60675,11.4736Q1.5405,11.4604,1.475859,11.4408Q1.4112179999999999,11.4212,1.3488099999999998,11.3953Q1.286403,11.3695,1.226829,11.3376Q1.167256,11.3058,1.111091,11.2683Q1.054926,11.2307,1.0027089999999999,11.1879Q0.950493,11.145,0.902728,11.0973Q0.8549640000000001,11.0495,0.812111,10.9973Q0.769258,10.9451,0.731729,10.8889Q0.6942010000000001,10.8327,0.662358,10.7732Q0.630516,10.7136,0.604666,10.6512Q0.5788156,10.5888,0.559207,10.5241Q0.5395985,10.4595,0.5264202,10.39325Q0.513242,10.327,0.506621,10.25977Q0.5,10.19255,0.5,10.125ZM1.92048,2.74587Q1.89781,2.74837,1.875,2.74837Q1.83413,2.74837,1.79404,2.7404Q1.75395,2.73243,1.71619,2.71678Q1.67842,2.70114,1.64444,2.67843Q1.61045,2.65573,1.58155,2.62682Q1.55265,2.59792,1.52994,2.56394Q1.50723,2.52995,1.49159,2.49219Q1.475948,2.45442,1.467974,2.41434Q1.46,2.37425,1.46,2.33337Q1.46,2.2925,1.467974,2.2524100000000002Q1.475948,2.21232,1.49159,2.17456Q1.50723,2.1368,1.52994,2.10281Q1.55265,2.06883,1.58155,2.03992Q1.61045,2.0110200000000003,1.64444,1.98831Q1.67842,1.96561,1.71619,1.94996Q1.75395,1.93432,1.79404,1.92635Q1.83413,1.91837,1.875,1.91837Q1.89781,1.91837,1.92048,1.92087L10.07952,1.92087Q10.10219,1.91837,10.125,1.91837Q10.16587,1.91837,10.20596,1.92635Q10.24605,1.93432,10.28381,1.94996Q10.32158,1.96561,10.35556,1.98831Q10.38955,2.0110200000000003,10.41845,2.03992Q10.44735,2.06883,10.47006,2.10281Q10.49277,2.1368,10.5084,2.17456Q10.5241,2.21232,10.532,2.2524100000000002Q10.54,2.2925,10.54,2.33337Q10.54,2.37425,10.532,2.41434Q10.5241,2.45442,10.5084,2.49219Q10.49277,2.52995,10.47006,2.56394Q10.44735,2.59792,10.41845,2.62682Q10.38955,2.65573,10.35556,2.67843Q10.32158,2.70114,10.28381,2.71678Q10.24605,2.73243,10.20596,2.7404Q10.16587,2.74837,10.125,2.74837Q10.10219,2.74837,10.07952,2.74587L1.92048,2.74587ZM4.00188,4.34997Q3.98575,4.366099999999999,3.96796,4.38036L2.34725,6.00106L3.96795,7.62176Q3.98575,7.63603,4.00188,7.65216Q4.03079,7.68106,4.05349,7.71504Q4.0762,7.74903,4.0918399999999995,7.78679Q4.10749,7.82455,4.115460000000001,7.86464Q4.12343,7.90473,4.12344,7.94561Q4.12343,7.98648,4.115460000000001,8.02657Q4.10749,8.066659999999999,4.0918399999999995,8.104420000000001Q4.0762,8.14218,4.05349,8.176169999999999Q4.03079,8.210149999999999,4.00188,8.23906Q3.94351,8.29743,3.86725,8.32902Q3.79098,8.360610000000001,3.70844,8.360610000000001Q3.62589,8.360610000000001,3.54962,8.32902Q3.47336,8.29743,3.41499,8.23906Q3.39886,8.22293,3.38459,8.20513L1.47221,6.29274Q1.443482,6.26402,1.4209100000000001,6.23023Q1.398339,6.19645,1.382791,6.15892Q1.367243,6.12138,1.3593169999999999,6.08154Q1.351391,6.04169,1.351391,6.00106Q1.351391,5.96043,1.3593169999999999,5.92059Q1.367243,5.88074,1.382791,5.8432Q1.398339,5.80567,1.4209100000000001,5.77189Q1.443482,5.73811,1.47221,5.70938L3.38459,3.797Q3.39886,3.7792,3.41499,3.76307Q3.44389,3.73417,3.47787,3.71146Q3.51186,3.68875,3.54962,3.67311Q3.58738,3.65747,3.62747,3.64949Q3.66756,3.64152,3.70844,3.64152Q3.74931,3.64152,3.7894,3.64949Q3.82949,3.65747,3.86725,3.67311Q3.90501,3.68875,3.939,3.71146Q3.97298,3.73417,4.00188,3.76307Q4.03079,3.79197,4.05349,3.82596Q4.0762,3.85994,4.0918399999999995,3.8977Q4.10749,3.93547,4.115460000000001,3.97556Q4.12343,4.015639999999999,4.12344,4.05652Q4.12343,4.09739,4.115460000000001,4.13748Q4.10749,4.177569999999999,4.0918399999999995,4.21533Q4.0762,4.25309,4.05349,4.28708Q4.03079,4.321070000000001,4.00188,4.34997ZM4.67048,6.4125Q4.64781,6.415,4.625,6.415Q4.58413,6.415,4.54404,6.40703Q4.50395,6.39905,4.46619,6.38341Q4.42842,6.36777,4.3944399999999995,6.34506Q4.36045,6.32235,4.33155,6.29345Q4.30265,6.26455,4.27994,6.23056Q4.25723,6.19658,4.24159,6.15881Q4.22595,6.12105,4.21797,6.08096Q4.21,6.04087,4.21,6Q4.21,5.95913,4.21797,5.91904Q4.22595,5.87895,4.24159,5.84119Q4.25723,5.80342,4.27994,5.76944Q4.30265,5.73545,4.33155,5.70655Q4.36045,5.67765,4.3944399999999995,5.65494Q4.42842,5.63223,4.46619,5.61659Q4.50395,5.60095,4.54404,5.59297Q4.58413,5.585,4.625,5.585Q4.64781,5.585,4.67048,5.5875L10.07952,5.5875Q10.10219,5.585,10.125,5.585Q10.16587,5.585,10.20596,5.59297Q10.24605,5.60095,10.28381,5.61659Q10.32158,5.63223,10.35556,5.65494Q10.38955,5.67765,10.41845,5.70655Q10.44735,5.73545,10.47006,5.76944Q10.49277,5.80342,10.5084,5.84119Q10.5241,5.87895,10.532,5.91904Q10.54,5.95913,10.54,6Q10.54,6.04087,10.532,6.08096Q10.5241,6.12105,10.5084,6.15881Q10.49277,6.19658,10.47006,6.23056Q10.44735,6.26455,10.41845,6.29345Q10.38955,6.32235,10.35556,6.34506Q10.32158,6.36777,10.28381,6.38341Q10.24605,6.39905,10.20596,6.40702Q10.16587,6.415,10.125,6.415Q10.10219,6.415,10.07952,6.4125L4.67048,6.4125ZM1.875,10.08163Q1.89781,10.08163,1.92048,10.07913L10.07952,10.07913Q10.10219,10.08163,10.125,10.08163Q10.16587,10.08163,10.20596,10.07365Q10.24605,10.06568,10.28381,10.05004Q10.32158,10.03439,10.35556,10.01169Q10.38955,9.98898,10.41845,9.96007Q10.44735,9.93117,10.47006,9.89719Q10.49277,9.8632,10.5084,9.82544Q10.5241,9.78768,10.532,9.74759Q10.54,9.7075,10.54,9.66663Q10.54,9.62575,10.532,9.58566Q10.5241,9.54557,10.5084,9.50781Q10.49277,9.47005,10.47006,9.43606Q10.44735,9.40208,10.41845,9.37318Q10.38955,9.34427,10.35556,9.32157Q10.32158,9.29886,10.28381,9.28321Q10.24605,9.26757,10.20596,9.2596Q10.16587,9.25163,10.125,9.25163Q10.10219,9.25163,10.07952,9.25413L1.92048,9.25413Q1.89781,9.25163,1.875,9.25163Q1.83413,9.25163,1.79404,9.2596Q1.75395,9.26757,1.71619,9.28322Q1.67842,9.29886,1.64444,9.32157Q1.61045,9.34427,1.58155,9.37318Q1.55265,9.40208,1.52994,9.43606Q1.50723,9.47005,1.49159,9.50781Q1.475948,9.54557,1.467974,9.58566Q1.46,9.62575,1.46,9.66663Q1.46,9.7075,1.467974,9.74759Q1.475948,9.78768,1.49159,9.82544Q1.50723,9.8632,1.52994,9.89719Q1.55265,9.93117,1.58155,9.96007Q1.61045,9.98898,1.64444,10.01169Q1.67842,10.03439,1.71619,10.05004Q1.75395,10.06568,1.79404,10.07365Q1.83413,10.08163,1.875,10.08163Z" fill-rule="evenodd" fill="#0089FF" fill-opacity="1"/></g></g></g></g></g></svg>

package/src/view/home/query-table/components/pe-table/images/sort.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="6" height="3" viewBox="0 0 6 3"><defs><clipPath id="master_svg0_13_123678"><rect x="0" y="0" width="6" height="3" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_13_123678)"><g><g><path d="M3.3535546957969666,0.3535525008640289L5.146454695796966,2.146446500864029C5.461434695796966,2.461426500864029,5.238354695796967,2.999996500864029,4.792894695796966,2.999996500864029L1.2071096957969667,2.999996500864029C0.7616539957969666,2.999996500864029,0.5385706957969666,2.461426500864029,0.8535536957969665,2.146446500864029L2.6464546957969666,0.3535525008640289C2.8417146957969663,0.15829100086402892,3.1582946957969664,0.15829100086402892,3.3535546957969666,0.3535525008640289Z" fill-rule="evenodd" fill="#C2C0C0" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>

package/src/view/home/query-table/components/pe-table/images/sorting.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="6" height="3" viewBox="0 0 6 3"><defs><clipPath id="master_svg0_13_123683"><rect x="0" y="0" width="6" height="3" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_13_123683)"><g><g><path d="M3.3535546957969666,0.3535525008640289L5.146454695796966,2.146446500864029C5.461434695796966,2.461426500864029,5.238354695796967,2.999996500864029,4.792894695796966,2.999996500864029L1.2071096957969667,2.999996500864029C0.7616539957969666,2.999996500864029,0.5385706957969666,2.461426500864029,0.8535536957969665,2.146446500864029L2.6464546957969666,0.3535525008640289C2.8417146957969663,0.15829100086402892,3.1582946957969664,0.15829100086402892,3.3535546957969666,0.3535525008640289Z" fill-rule="evenodd" fill="#0089FF" fill-opacity="1"/></g></g></g></svg>

package/src/view/home/query-table/components/pe-table/images/unfold.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="12" height="12" viewBox="0 0 12 12"><defs><clipPath id="master_svg0_13_123688"><rect x="0" y="0" width="12" height="12" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_13_123688)"><g><g><g><g><path d="M1.4999999523162841,2.450122022628784L10.499999952316283,2.450122022628784Q10.544319952316284,2.450122022628784,10.587789952316284,2.4414750226287842Q10.631259952316285,2.432829022628784,10.672209952316285,2.4158680226287843Q10.713149952316284,2.398907022628784,10.750009952316285,2.3742830226287843Q10.786859952316284,2.3496600226287843,10.818199952316284,2.318320022628784Q10.849539952316285,2.286980022628784,10.874159952316283,2.2501290226287844Q10.898779952316284,2.2132770226287843,10.915739952316285,2.1723300226287843Q10.932709952316284,2.131382022628784,10.941349952316283,2.087913022628784Q10.949999952316285,2.0444430226287844,10.949999952316285,2.0001220226287844Q10.949999952316285,1.9558010226287843,10.941349952316283,1.9123310226287842Q10.932699952316284,1.8688620226287842,10.915739952316285,1.8279140226287842Q10.898779952316284,1.7869670226287842,10.874159952316283,1.7501150226287843Q10.849539952316285,1.7132640226287843,10.818199952316284,1.6819240226287842Q10.786859952316284,1.6505840226287842,10.750009952316285,1.6259610226287842Q10.713149952316284,1.6013371226287842,10.672209952316285,1.5843761226287842Q10.631259952316285,1.5674151226287842,10.587789952316284,1.5587691026287842Q10.544319952316284,1.5501220226287842,10.499999952316283,1.5501220226287842L1.4999999523162841,1.5501220226287842Q1.4556789523162843,1.5501220226287842,1.4122089523162842,1.5587691026287842Q1.3687399523162842,1.5674151226287842,1.3277919523162842,1.5843761226287842Q1.2868449523162842,1.6013371226287842,1.2499929523162843,1.6259610226287842Q1.2131419523162843,1.6505840226287842,1.1818019523162842,1.6819240226287842Q1.1504619523162842,1.7132640226287843,1.1258389523162842,1.7501150226287843Q1.1012150523162842,1.7869670226287842,1.0842540523162842,1.8279140226287842Q1.0672930523162842,1.8688620226287842,1.0586470323162842,1.9123310226287842Q1.0499999523162842,1.9558010226287843,1.0499999523162842,2.0001220226287844Q1.0499999523162842,2.0444430226287844,1.0586470323162842,2.087913022628784Q1.0672930523162842,2.131382022628784,1.0842540523162842,2.1723300226287843Q1.1012150523162842,2.2132770226287843,1.1258389523162842,2.2501290226287844Q1.1504619523162842,2.286980022628784,1.1818019523162842,2.318320022628784Q1.2131419523162843,2.3496600226287843,1.2499929523162843,2.3742830226287843Q1.2868449523162842,2.398907022628784,1.3277919523162842,2.4158680226287843Q1.3687399523162842,2.432829022628784,1.4122089523162842,2.4414750226287842Q1.4556789523162843,2.450122022628784,1.4999999523162841,2.450122022628784Z" fill-rule="evenodd" fill="#0089FF" fill-opacity="1"/></g></g><g><g><path d="M1.4999999523162841,6.450000190734864L7.499999952316284,6.450000190734864Q7.544319952316284,6.450000190734864,7.587789952316284,6.441353190734863Q7.6312599523162845,6.432707190734863,7.672209952316284,6.415746190734863Q7.713149952316284,6.398785190734864,7.750009952316284,6.374161190734863Q7.786859952316284,6.349538190734863,7.818199952316284,6.318198190734863Q7.8495399523162845,6.286858190734863,7.874159952316284,6.2500071907348635Q7.898779952316284,6.213155190734863,7.915739952316284,6.172208190734863Q7.9327099523162845,6.131260190734864,7.941349952316284,6.0877901907348635Q7.9499999523162845,6.0443211907348635,7.9499999523162845,6.0000001907348635Q7.9499999523162845,5.955679190734863,7.941349952316284,5.912209190734863Q7.9327099523162845,5.868740190734863,7.915739952316284,5.827792190734863Q7.898779952316284,5.786845190734863,7.874159952316284,5.749993190734863Q7.8495399523162845,5.713142190734863,7.818199952316284,5.681802190734864Q7.786859952316284,5.6504621907348636,7.750009952316284,5.6258391907348635Q7.713149952316284,5.601214890734863,7.672209952316284,5.584253790734864Q7.6312599523162845,5.567293190734863,7.587789952316284,5.558647160734863Q7.544319952316284,5.550000190734863,7.499999952316284,5.550000190734863L1.4999999523162841,5.550000190734863Q1.4556789523162843,5.550000190734863,1.4122089523162842,5.558647160734863Q1.3687399523162842,5.567293190734863,1.3277919523162842,5.584253790734864Q1.2868449523162842,5.601214890734863,1.2499929523162843,5.6258391907348635Q1.2131419523162843,5.6504621907348636,1.1818019523162842,5.681802190734864Q1.1504619523162842,5.713142190734863,1.1258389523162842,5.749993190734863Q1.1012150523162842,5.786845190734863,1.0842540523162842,5.827792190734863Q1.0672930523162842,5.868740190734863,1.0586470323162842,5.912209190734863Q1.0499999523162842,5.955679190734863,1.0499999523162842,6.0000001907348635Q1.0499999523162842,6.0443211907348635,1.0586470323162842,6.0877901907348635Q1.0672930523162842,6.131260190734864,1.0842540523162842,6.172208190734863Q1.1012150523162842,6.213155190734863,1.1258389523162842,6.2500071907348635Q1.1504619523162842,6.286858190734863,1.1818019523162842,6.318198190734863Q1.2131419523162843,6.349538190734863,1.2499929523162843,6.374161190734863Q1.2868449523162842,6.398785190734864,1.3277919523162842,6.415746190734863Q1.3687399523162842,6.432707190734863,1.4122089523162842,6.441353190734863Q1.4556789523162843,6.450000190734864,1.4999999523162841,6.450000190734864Z" fill-rule="evenodd" fill="#0089FF" fill-opacity="1"/></g></g><g><g><path d="M1.4999999523162841,10.449877882003785L10.499999952316283,10.449877882003785Q10.544319952316284,10.449877882003785,10.587789952316284,10.441230882003785Q10.631259952316285,10.432584882003784,10.672209952316285,10.415623882003784Q10.713149952316284,10.398661882003784,10.750009952316285,10.374038882003784Q10.786859952316284,10.349415882003784,10.818199952316284,10.318075882003784Q10.849539952316285,10.286734882003785,10.874159952316283,10.249883882003784Q10.898779952316284,10.213032882003784,10.915739952316285,10.172085882003785Q10.932709952316284,10.131137882003785,10.941349952316283,10.087667882003784Q10.949999952316285,10.044198882003784,10.949999952316285,9.999877882003783Q10.949999952316285,9.955556882003783,10.941349952316283,9.912086882003784Q10.932699952316284,9.868617882003784,10.915739952316285,9.827669882003784Q10.898779952316284,9.786722882003785,10.874159952316283,9.749870882003783Q10.849539952316285,9.713019882003785,10.818199952316284,9.681679882003785Q10.786859952316284,9.650339882003784,10.750009952316285,9.625716882003784Q10.713149952316284,9.601093082003784,10.672209952316285,9.584131982003784Q10.631259952316285,9.567170882003785,10.587789952316284,9.558524852003783Q10.544319952316284,9.549877882003784,10.499999952316283,9.549877882003784L1.4999999523162841,9.549877882003784Q1.4556789523162843,9.549877882003784,1.4122089523162842,9.558524852003783Q1.3687399523162842,9.567170882003785,1.3277919523162842,9.584131982003784Q1.2868449523162842,9.601093082003784,1.2499929523162843,9.625716882003784Q1.2131419523162843,9.650339882003784,1.1818019523162842,9.681679882003785Q1.1504619523162842,9.713019882003785,1.1258389523162842,9.749870882003783Q1.1012150523162842,9.786722882003785,1.0842540523162842,9.827669882003784Q1.0672930523162842,9.868617882003784,1.0586470323162842,9.912086882003784Q1.0499999523162842,9.955556882003783,1.0499999523162842,9.999877882003783Q1.0499999523162842,10.044198882003784,1.0586470323162842,10.087667882003784Q1.0672930523162842,10.131137882003785,1.0842540523162842,10.172085882003785Q1.1012150523162842,10.213032882003784,1.1258389523162842,10.249883882003784Q1.1504619523162842,10.286734882003785,1.1818019523162842,10.318075882003784Q1.2131419523162843,10.349415882003784,1.2499929523162843,10.374038882003784Q1.2868449523162842,10.398661882003784,1.3277919523162842,10.415623882003784Q1.3687399523162842,10.432584882003784,1.4122089523162842,10.441230882003785Q1.4556789523162843,10.449877882003785,1.4999999523162841,10.449877882003785Z" fill-rule="evenodd" fill="#0089FF" fill-opacity="1"/></g></g><g transform="matrix(0.7071067690849304,0.7071067690849304,-0.7071067690849304,0.7071067690849304,4.783033358945218,-5.060534086865275)"><g><path d="M11.500121831893921,6.692904810943603L11.500121831893921,6.692904810943603Q11.500121831893921,6.737684810943604,11.50877183189392,6.781154810943604Q11.51741183189392,6.824624810943604,11.534371831893921,6.8655748109436034Q11.551341831893922,6.906514810943603,11.57596183189392,6.943374810943603Q11.600581831893921,6.980224810943604,11.631921831893921,7.011564810943604Q11.663261831893921,7.042904810943604,11.70011183189392,7.0675248109436035Q11.736961831893922,7.092144810943603,11.77791183189392,7.109114810943604Q11.818861831893921,7.126074810943603,11.862331831893922,7.134714810943604Q11.905801831893921,7.143364810943604,11.95012183189392,7.143364810943604Q11.994441831893921,7.143364810943604,12.037911831893922,7.134714810943604Q12.081381831893921,7.126074810943603,12.12233183189392,7.109114810943604Q12.16327183189392,7.092144810943603,12.20013183189392,7.0675248109436035Q12.236981831893921,7.042904810943604,12.268321831893921,7.011564810943604Q12.299661831893921,6.980224810943604,12.32428183189392,6.943374810943603Q12.34890183189392,6.906514810943603,12.365871831893921,6.8655748109436034Q12.38283183189392,6.824624810943604,12.39147183189392,6.781154810943604Q12.400121831893921,6.737684810943604,12.400121831893921,6.693364810943604L12.400121831893921,6.693364810943604L12.400121831893921,3.6933648109436037Q12.400121831893921,3.6490438109436036,12.39147183189392,3.6055748109436037Q12.38283183189392,3.5621048109436035,12.365871831893921,3.5211568109436033Q12.34890183189392,3.4802098109436037,12.32428183189392,3.4433578109436036Q12.299661831893921,3.4065068109436036,12.268321831893921,3.3751668109436035Q12.236981831893921,3.3438268109436033,12.20013183189392,3.3192038109436037Q12.16327183189392,3.2945797109436037,12.12233183189392,3.2776189109436036Q12.081381831893921,3.2606578109436035,12.037911831893922,3.2520117809436035Q11.994441831893921,3.2433648109436035,11.95012183189392,3.2433648109436035L8.95012183189392,3.2433648109436035Q8.90580083189392,3.2433648109436035,8.862330831893921,3.2520117809436035Q8.818861831893921,3.2606578109436035,8.77791383189392,3.2776189109436036Q8.736966831893922,3.2945797109436037,8.70011483189392,3.3192038109436037Q8.663263831893921,3.3438268109436033,8.631923831893921,3.3751668109436035Q8.600583831893921,3.4065068109436036,8.575960831893921,3.4433578109436036Q8.55133703189392,3.4802098109436037,8.534375931893921,3.5211568109436033Q8.517414831893921,3.5621048109436035,8.50876880189392,3.6055748109436037Q8.500121831893921,3.6490438109436036,8.500121831893921,3.6933648109436037Q8.500121831893921,3.7376858109436037,8.50876880189392,3.7811558109436034Q8.517414831893921,3.8246248109436034,8.534375931893921,3.8655728109436036Q8.55133703189392,3.9065198109436037,8.575960831893921,3.943371810943604Q8.600583831893921,3.9802228109436033,8.631923831893921,4.0115628109436035Q8.663263831893921,4.042902810943604,8.70011483189392,4.067525810943604Q8.736966831893922,4.092149810943604,8.77791383189392,4.109110810943603Q8.818861831893921,4.126071810943603,8.862330831893921,4.134717810943603Q8.90580083189392,4.143364810943604,8.95012183189392,4.143364810943604L11.500121831893921,4.143364810943604L11.500121831893921,6.692904810943603Z" fill-rule="evenodd" fill="#0089FF" fill-opacity="1"/></g></g></g></g></g></svg>