@kyfe/ks-query-table 0.0.9 → 0.0.10

package/src/view/home/demo3.vue

@@ -1,51 +0,0 @@
-<template>
-  <div class="container3">
-    <QueryTable ref="table"
-                :showIndex="true"
-                searchCode="pe_im_stocks-selection_index_field"
-                :config="configs">
-      <template slot="topFixed">
-        <div @click="$refs.table.openSetting()">打开个性设置</div>
-        <div @click="$refs.table.loadData()">刷新</div>
-        <div @click="$refs.table.openHorizontal()">横屏</div>
-      </template>
-    </QueryTable>
-  </div>
-</template>
-
-<script>
-import QueryTable from './query-table/index.js'
-export default {
-  components: {
-    QueryTable,
-  },
-  data() {
-    return {
-      configs: {
-        // apiCode
-        // apiCode
-        url: 'pe.stock.app.resource.search.v1',
-        // appkey
-        appkey: '61189',
-        // 请求前，可用于处理入参
-        beforeHttp({ params, appkey }) {
-          params.vos = []
-          return { params, appkey }
-        },
-        // 请求后，可用于处理出参
-        afterHttp(res) {
-          res.rows[0].key1= 'test'
-          return res
-        },
-      },
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.container3 {
-  width: 100vw;
-  height: 500px;
-}
-</style>

package/src/view/home/demo4.vue

@@ -1,139 +0,0 @@
-<template>
-  <!-- 上拉加载更多 -->
-  <div class="container">
-    <div class="tab">
-      顶部固定区域
-    </div>
-    <div class="table">
-      <QueryTable ref="table"
-                  :showIndex="true"
-                  :decrypt="true"
-                  :overflow="true"
-                  :isScrollShowTotal="false"
-                  :enableLoadMore="true"
-                  :rowCellRenderOptions="rowCellRenderOptions"
-                  searchCode="pe_im_stocks-selection_index_field"
-                  :config="configs">
-        <template slot="topUnfixed">
-          <div class="top-Unfixed">
-            可滚动区域
-          </div>
-        </template>
-        <template slot="topFixed">
-          <div class="top-Fixed">
-            <div>吸顶区域</div>
-            <div class="btn-bar">
-              <div @click="$refs.table.openSetting()">打开个性设置</div>
-              <div @click="$refs.table.loadData()">刷新</div>
-              <div @click="$refs.table.openHorizontal()">横屏</div>
-            </div>
-          </div>
-        </template>
-      </QueryTable>
-    </div>
-  </div>
-</template>
-
-<script>
-import QueryTable from './query-table/index.js'
-import { mockParams, mockSorollParams } from './config.js'
-
-export default {
-  mixins: [],
-  components: {
-    QueryTable,
-  },
-  data() {
-    return {
-      rowCellRenderOptions: {
-        nae: (h, { rowData, column }) => {
-          return <span style="color:red;">{rowData.currPrice}</span>
-        },
-        pctChg: (h, { rowData, column }) => {
-          return <span style="color:#7972fe;">{rowData.pctChg}</span>
-        },
-      },
-      configs: {
-        // apiCode
-        url: 'pe.stock.app.resource.search.v1',
-        // appkey
-        appkey: '61189',
-        pageSize: 100,
-        // 请求前，可用于处理入参
-        beforeHttp({ params, appkey }) {
-         
-          params = { ...mockParams }
-           params.pageSize = 100
-          return { params, appkey }
-        },
-        // 请求后，可用于处理出参
-        afterHttp(res) {
-          res.rows.forEach((v, i) => {
-            v.name = '名称' + i
-            v.pctChgMask = 'd31b6ca48a214457d6d438e0cee3cbf9'
-            v.pctChg = '***'
-          })
-          console.log(res)
-          res.rows[0].tradeAmount = '很长很长很长很长很长很长很长很长很长'
-          return res
-        },
-      },
-    }
-  },
-  methods: {},
-}
-</script>
-
-<style lang="less" scoped>
-.container {
-  height: calc(100vh);
-  width: 100vw;
-  .tab {
-    height: 100px;
-    width: 100vw;
-    background: rgba(121, 114, 254, 0.5);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 20px;
-    color: #666;
-  }
-  .table {
-    height: calc(100vh - 100px);
-    width: 100vw;
-    .top-Unfixed {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 20px;
-      height: 100px;
-      background: rgba(0, 197, 141, 0.2);
-      color: #666;
-    }
-    .top-Fixed {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      font-size: 20px;
-      height: 100px;
-      background: rgba(255, 112, 108, 0.3);
-      color: #666;
-      .btn-bar {
-        width: 90%;
-        color: #666;
-        display: flex;
-        justify-content: flex-end;
-        padding-right: 30px;
-        margin-top: 20px;
-        > div {
-          font-size: 14px;
-          border: 1px solid #666;
-          margin-left: 20px;
-        }
-      }
-    }
-  }
-}
-</style>
-

package/src/view/home/index.vue

@@ -1,97 +0,0 @@
-<template>
-  <div class="container">
-    <div class="tab">tab</div>
-    <div class="table">
-      <QueryTable 
-               :isScrollShowTotal="isScrollShowTotal"
-               ref="table"
-               showPage
-               :showIndex="true"
-               menuId="156439900739872047"
-               searchCode="pe_im_stocks-selection_index_field"
-               :config="configs">
-        <template slot="topUnfixed">
-          <div>不吸住</div>
-          <div>不吸住</div>
-          <div>不吸住</div>
-          <div>不吸住</div>
-        </template>
-        <template slot="topFixed">
-          <div>吸住</div>
-          <div>吸住</div>
-          <div>吸住</div>
-          <div>吸住</div>
-          <div>吸住</div>
-          <div>吸住</div>
-          <div @click="$refs.table.openSetting()">打开个性设置</div>
-          <div @click="$refs.table.loadData()">刷新</div>
-        </template>
-      </QueryTable>
-    </div>
-  </div>
-  <!-- </div> -->
-  <!-- </div> -->
-</template>
-
-<script>
-import QueryTable from './query-table/index.js'
-import { mockParams } from './config'
-export default {
-  mixins: [],
-  components: {
-    QueryTable,
-  },
-  data() {
-    return {
-      isScrollShowTotal: true,
-      shwoTable: true,
-      // props分功能块
-      configs: {
-        url: 'pe.stock.app.resource.search.v1',
-        appkey: '61189',
-        beforeHttp({ params }) {
-          // 增加header
-          params = { ...mockParams }
-          return { params }
-        },
-        // 处理出参
-        afterHttp(res) {
-          res.rows[0].name = 'afterHttp'
-          return res
-        },
-      },
-    }
-  },
-  methods: {
-    init() {
-      // this.resetTableHeight()
-    },
-    resetTableHeight() {
-      // TODO 先显示再隐藏，让表格继承到正确的高度
-      this.shwoTable = false
-      this.$nextTick(() => {
-        setTimeout(() => {
-          this.shwoTable = true
-        }, 0)
-      })
-    },
-  },
-  mounted() {
-    this.init()
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.container {
-  height: 100vh;
-  .tab {
-    height: 100px;
-    background: #f96a26;
-  }
-  .table {
-    height: calc(100vh - 100px);
-  }
-}
-</style>
-

package/src/view/home/query-table/README.md

@@ -1,45 +0,0 @@
-## 目录说明
-
-
-- **/assets**: 存放公共资源，如图标。
-- **/components**: 存放组件。
-  - **/query-table**: 主组件。
-    - **/index.vue**: 主组件。
-    - **/mixins**: query-table的mixins。
-      - **/column-mixin**: 表格列头相关。
-      - **/column-setting**: 个性设置相关。
-      - **/data-mixin**: 行数据相关。
-      - **/pagination-mixin**: 表格分页相关。
-      - **/table-fixed**: 吸顶相关。
-      - **/table-horizontal.js**: 横屏相关。
-
-      
-  - **/table-horizontal**: 表格横屏组件。
-  - **/table-pagination**: 表格分页组件。
-  - **table-settings**: 个性设置组件。
-  - **tooltip**: 单元格气泡组件。
-- **/demo**: 存放demo。
-- **/hooks**: 存放封装的通用逻辑。与utils不同的是，hooks内部是可以有状态、多实例的。
-  - **/use-cache-promise**: 缓存promise结果。
-  - **/use-column-config**: 获取列配置
-  - **/use-encryption**: 加解密
-  
-
-
-- **/index.js**: 项目主入口。
-- **/mixins**: 项目级mixins。
-- **/store**: 存放共享数据。注意，不带响应式。
-  - **/column-store**: 列存储
-  
-- **/styles**: 存放样式。
-- **/utils**: 存放工具函数。
-  - **/column**: 列工具
-  - **/encryption**: 加解密
-  - **/http**: http
-
-
-
-- **/tests**: 存放测试文件，确保代码的质量。
-
-
-- **README.md**: 项目说明文件，提供项目的基本信息和使用说明。

package/src/view/home/query-table/api/index.js

@@ -1,12 +0,0 @@
-import { http } from '../utils/http'
-
-export const APPKEY_SYSTEM = '10124'
-
-// 获取当前菜单下的通用查询配置
-export const getGenericSearch = () => {
-  return http('system.genericSearch.listByMenuId', APPKEY_SYSTEM, { menuId: ksui.menu.id })
-}
-
-// 通过id获取详细配置
-export const getGenericSearchById = (params) =>
-  http('system.genericSearch.get', APPKEY_SYSTEM, params)

package/src/view/home/query-table/assets/horizontal-back.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><g><g><path d="M16.799951171875,4.299951171875L8.994601171875,11.999951171875L16.799951171875,19.699951171875L15.684901171875,20.799951171875L7.507864171875,12.733281171875C7.097313171875,12.328281171875,7.097313171875,11.671631171875,7.507864171875,11.266621171875L15.684901171875,3.199951171875L16.799951171875,4.299951171875Z" fill-rule="evenodd" fill="#1C1E23" fill-opacity="1"/></g></g></svg>

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

@@ -1,184 +0,0 @@
-/** @format */
-
-import isFunction from 'lodash/isFunction'
-import './style/cell.less'
-
-export default {
-  name: 'cellCompoent',
-  computed: {
-    style() {
-      const obj = this.fixed
-        ? {
-          zIndex: '10',
-        }
-        : {}
-      return {
-        width: this.width + 'px',
-        transform: `translateX(${this.offset}px)`,
-        ...obj,
-      }
-    },
-    fixedClassName() {
-      return this.fixed ? 'pe-table-cell__fixed' : ''
-    },
-    lastFixedClassName() {
-      return this.lastFixedCell ? 'pe-table-cell__last-fixed' : ''
-    },
-  },
-  data() {
-    return {
-      width: 0,
-      offset: 0,
-      text: '',
-      column: undefined,
-      fixed: false,
-      lastFixedCell: false,
-      rowData: undefined,
-      handleEvent: undefined,
-      cellClassName: undefined,
-      globalCellClassName: undefined,
-      placeholderSign: false,
-      longPressTimer: null,
-    }
-  },
-  mounted() {
-    const $cell = this.$refs.cell
-    $cell.addEventListener('mousedown', this.startLongPress)
-    $cell.addEventListener('mouseup', this.endLongPress)
-    $cell.addEventListener('mouseleave', this.endLongPress)
-
-    $cell.addEventListener('touchstart', this.startLongPress)
-    $cell.addEventListener('touchend', this.endLongPress)
-    $cell.addEventListener('touchmove', this.endLongPress)
-    $cell.addEventListener('touchcancel', this.endLongPress)
-  },
-  beforeDestroy() {
-    const $cell = this.$refs.cell
-    $cell.removeEventListener('mousedown', this.startLongPress)
-    $cell.removeEventListener('mouseup', this.endLongPress)
-    $cell.removeEventListener('mouseleave', this.endLongPress)
-
-    $cell.removeEventListener('touchstart', this.startLongPress)
-    $cell.removeEventListener('touchend', this.endLongPress)
-    $cell.removeEventListener('touchmove', this.endLongPress)
-    $cell.removeEventListener('touchcancel', this.endLongPress)
-  },
-  render(h) {
-    const { rowCellRender, key } = this.column || {}
-    const createContent = () => {
-      if (this.placeholderSign) {
-        return null
-      }
-      let labelNode = null
-      const params = {
-        column: this.column,
-        value: this.text,
-        rowData: this.originRowData,
-        columnIndex: this.columnIndex,
-        rowIndex: this.rowIndex,
-      }
-      const defaultLable = () => <span class="pe-table-cell_label">{this.text}</span>
-      if (isFunction(rowCellRender)) {
-        labelNode = rowCellRender(h, params)
-        if (labelNode === null) {
-          labelNode = defaultLable()
-        }
-      } else {
-        labelNode = defaultLable()
-      }
-      return labelNode
-    }
-    const content = createContent()
-    let classNames = [
-      'pe-table-cell',
-      this.globalCellClassName,
-      this.cellClassName,
-      this.lastFixedClassName,
-      this.fixedClassName
-    ]
-    return (
-      <div
-        ref="cell"
-        class={classNames}
-        style={this.style}
-        on-click={this.handleClickEvent}
-        data-cellkey={key}
-      >
-        {content}
-      </div>
-    )
-  },
-  methods: {
-    setContent(text) {
-      // 判空，否则没有值会显示undefined，特别是自定义列没有返回的时候
-      if (undefined === text) {
-        return ''
-      }
-      this.text = String(text)
-    },
-    setOffset(offset) {
-      this.offset = offset
-    },
-    reuse({
-      id,
-      offset,
-      text,
-      width,
-      column,
-      fixed,
-      lastFixedCell,
-      rowData,
-      columnIndex,
-      rowIndex,
-      cellClassName,
-      originRowData,
-      globalCellClassName,
-      placeholderSign,
-    }) {
-      this.id = id
-      this.width = width
-      this.column = column
-      this.fixed = fixed
-      this.lastFixedCell = lastFixedCell
-      this.rowData = rowData
-      this.columnIndex = columnIndex
-      this.rowIndex = rowIndex
-      this.cellClassName = cellClassName
-      this.globalCellClassName = globalCellClassName
-      this.originRowData = originRowData
-      this.placeholderSign = placeholderSign
-      this.setOffset(offset)
-      this.setContent(text)
-    },
-    handleClickEvent(event) {
-      const params = {
-        column: this.column,
-        rowData: this.originRowData,
-        name: 'cell-click',
-        rowIndex: this.rowIndex,
-        columnIndex: this.columnIndex,
-      }
-      this.handleEvent && this.handleEvent(event, params)
-    },
-    handleLongEvent(event, params) {
-      this.handleEvent && this.handleEvent(event, params)
-    },
-    startLongPress(event) {
-      this.longPressTimer && this.endLongPress()
-      const params = {
-        column: this.column,
-        rowData: this.originRowData,
-        name: 'cell-long',
-        rowIndex: this.rowIndex,
-        columnIndex: this.columnIndex,
-      }
-      this.longPressTimer = setTimeout(() => {
-        this.handleLongEvent(event, params)
-      }, 500);
-    },
-    endLongPress() {
-      clearTimeout(this.longPressTimer)
-      this.longPressTimer = null
-    },
-  },
-}