@kyfe/ks-query-table 0.0.21 → 0.0.22

package/src/common/http/token.js

@@ -0,0 +1,9 @@
+// 掉接口获取token
+export const getToken = () => {
+  return sessionStorage.getItem('ks_token') || ''
+}
+
+export const setToken = token => {
+  token = token || ''
+  sessionStorage.setItem('ks_token', token)
+}

package/src/common/styles/font.less

@@ -0,0 +1,12 @@
+// @font-face {
+//   font-family: "Money";
+//   src: url("/src/common/styles/font/AlibabaSans102Ver2-Md.ttf");
+// }
+
+
+.numFontFamily(@size: 12px) {
+  font-size: @size;
+}
+
+
+@fontsize: 17px;

package/src/common/styles/variables.less

@@ -0,0 +1,43 @@
+
+
+// 主题色
+// @C1-brand-01: #FCDDD4;
+// @C1-brand-00: #FEF2EE;
+// @C1-brand-02: #FAB9A9;
+// @C1-brand-03: #F79380;
+// @C1-brand-04: #F56B57;
+// @C1-brand-05: #F2412F;
+// @C1-brand-06: #CE2C22;
+// @C1-brand-07: #AB1B17;
+// @C1-brand-08: #870E0F;
+// @C1-brand-09: #63070B;
+
+@C9-gray-00: #F7F8FA;
+@C9-gray-01: #F2F3F5;
+@C9-gray-02: #E5E4E4;
+@C9-gray-03: #C2C0C0;
+@C9-gray-04: #9E9C9C;
+@C9-gray-05: #7B7878;
+@C9-gray-06: #575555;
+@C9-gray-07: #3A3536;
+@C9-gray-08: #2C2727;
+@C9-gray-09: #1D1919;
+@C9-gray-10: #FFFFFF;
+@C9-gray-11: rgba(255, 255, 255, 0.4);
+@C9-gray-12: #F1F1F1;
+@C9-gray-13: #DEDEDE;
+@C1-brand-00: #FEF2EE;
+@C1-brand-01: #FCDDD4;
+@C1-brand-02: #FAB9A9;
+@C1-brand-03: #F79380;
+@C1-brand-04: #F56B57;
+@C1-brand-05: #F2412F;
+@C1-brand-06: #CE2C22;
+@C1-brand-07: #AB1B17;
+@C1-brand-08: #870E0F;
+@C1-brand-09: #63070B;
+@C1-brand-10: #fff4f3;
+@C10-Light-gray-01: rgba(29, 25, 25, 0.4);
+
+// 字体
+@import "./font.less";

package/src/common/utils/index.js

@@ -0,0 +1 @@
+export * from "./platform";

package/src/common/utils/platform/README.md

@@ -0,0 +1 @@
+平台能力调用

package/src/common/utils/platform/core/index.js

@@ -0,0 +1,24 @@
+/* eslint-disable no-console */
+import isEmpty from 'lodash/isEmpty'
+
+/**
+ * @description ks callFunc
+ * @param {string} method
+ * @param {object} params
+ * @returns {unknown}
+ */
+export function callFunc(method, params) {
+  console.info(`🦕 Call Function`, { method, params })
+
+  return window.ks.callFunc({ method, params })
+}
+
+/**
+ * @description ks JsStock callFunc
+ * @param {string} method
+ * @param {array} params
+ */
+export function jsStockCallFunc(method, params = []) {
+  if (isEmpty(method)) return false
+  window.jsStock && window.jsStock[method] && window.jsStock[method](...params)
+}

package/src/common/utils/platform/index.js

@@ -0,0 +1,164 @@
+import { callFunc, jsStockCallFunc } from './core'
+import store from '@/store/index.js'
+/**
+ * @description 跳转 0 股票 or 指数  1 详情页 2 K线弹窗
+ * @param { 0 | 1} type
+ * @param {{
+ *  tag: string
+ *  id: string
+ *  list: string[]
+ *  h5Params?: string
+ * }} params
+ */
+export function stockNavigateTo(type, params) {
+  // 标记进入原生页面
+  if (`${type}` === '2') {
+    // const isSupport = window.compareAppVersion(window.ksAppVersion, '1.0.398')
+    // if (!isSupport) type = 0
+    type = 0
+  }
+  return callFunc('stockNavigateTo', { pageType: 'native', type, params })
+}
+
+/**
+ * @description 设置底部 tabs 是否显示
+ * @param {boolean} isShow
+ */
+export const setStockTabVisible = isShow => {
+  return callFunc('setStockTabVisible', { isShow })
+}
+
+/**
+ * 隐藏/显示关闭按钮
+ * @param {boolean} isShow
+ */
+export const setCloseButton = isShow => {
+  return callFunc('setCloseButton', { isShow })
+}
+
+/**
+ * @description 打开新的界面加载网页
+ * @param {string} url
+ */
+export const openBrowser = url => {
+  return callFunc({ method: 'openBrowser', params: { url } })
+}
+
+/**
+ * @description 股票列表/指数列表传递
+ * @param {0 | 1} type 0 股票列表；1 指数列表
+ * @param {string} tag 列表数据唯一标识，传递相同会覆盖
+ * @param {string[]} list 股票列表/指数列表。如股票列表：["000001.SZ","000002.SZ"]
+ */
+export const stockListTransfer = (type, tag, list) => {
+  return callFunc('stockListTransfer', { type, tag, list })
+}
+
+export async function getStatusBarHeight() {
+  try {
+    let statusBarHeight = window.__statusBarHeight__
+
+    statusBarHeight = statusBarHeight || window.getComputedStyle(document.documentElement).getPropertyValue('--status-bar-height').replace(/px$/gi, '')
+    statusBarHeight = statusBarHeight || (await callFunc('getKsStatusBarHeight', {})).statusHeight
+
+    return +statusBarHeight || 0
+  } catch {
+    return 0
+  }
+}
+
+export async function getKsStatusBarHeight() {
+  getStatusBarHeight()
+}
+
+/**
+ * @description 通知页面滚动到顶部或底部事件
+ * @param {Boolean} isTop 是否滚动到顶部
+ * @param {Boolean} isBottom 是否滚动到底部
+ */
+export const webScrollVertical = (isTop, isBottom) => {
+  return jsStockCallFunc('webScrollVertical', [isTop, isBottom])
+}
+
+/**
+ * @description 通知页面滚动到顶部或底部事件
+ * @param {Boolean} isTop 是否滚动到顶部
+ * @param {Boolean} isBottom 是否滚动到底部
+ */
+export const reload = () => {
+  return jsStockCallFunc('reload')
+}
+
+/**
+ * @description 调用原生能力存储本地数据
+ * 注意： key的值在轻应用中是全局存储的，需要注意唯一性，命名不要和其他业务线中的key产生冲突
+ * 踩坑点: value: 只能存储字符串，不能为数字
+ * @param {Object} params 存储对象{key: string, value: string}
+ */
+export const storageSetItem = (params) => {
+  if (!params || typeof params.key !== 'string' || typeof params.value !== 'string') {
+    return false
+  }
+
+  return callFunc('storageSetItem', params)
+}
+
+/**
+ * @description 调用原生能力获取本地数据
+ * 注意： key的值在轻应用中是全局存储的，需要注意唯一性，命名不要和其他业务线中的key产生冲突
+ * @param {String} key 通过storageSetItem方法设置的唯一key键值
+ */
+export const storageGetItem = async (key) => {
+  if (!key || typeof key !== 'string') {
+    return false
+  }
+
+  return await callFunc('storageGetItem', { key })
+}
+
+/**
+ * @description 通用弹窗原生能力
+ * @param {string} url
+ */
+export const openNativeDialog = (params) => {
+  console.log('openNativeDialog', params)
+  return callFunc('CommonDialog', {
+    ...params,
+    title: '温馨提示',
+    leftText: '取消',
+    rightText: '确定',
+    rightTextColor: '#f2412f'
+  })
+}
+
+/**
+ * @description 通用Modal原生能力
+ * @param {object} params
+ */
+export const openNativeModal = (params) => {
+  return callFunc('WebDialog', {
+    ...params,
+    direction: params.direction,
+    url: params.url,
+  })
+}
+
+
+
+export const platform = {
+  stockNavigateTo,
+  setStockTabVisible,
+  callFunc,
+  openBrowser,
+  stockListTransfer,
+  webScrollVertical,
+  reload,
+  storageSetItem,
+  storageGetItem,
+  openNativeDialog,
+  openNativeModal
+}
+
+export * from './subscribe'
+export * from './subscribe/helper'
+export * from './subscribe/table-animation'

package/src/common/utils/platform/subscribe/helper.js

@@ -0,0 +1,38 @@
+/* eslint-disable no-console */
+import throttle from 'lodash/throttle'
+
+const DEFAULT_BUFFER_SIZE = 120
+const DEFAULT_WAIT = 400
+
+export function createUpdateBuffer(updateHandle, hashKey = 'code', option = { size: DEFAULT_BUFFER_SIZE, wait: DEFAULT_WAIT }) {
+  let pool = {}
+  let count = 0
+
+  const throttleFlush = throttle(
+    function () {
+      updateHandle(Object.values(pool))
+      count = 0
+      pool = {}
+    },
+    option.wait,
+    { trailing: true },
+  )
+
+  const buffer = {
+    push(item) {
+      pool[item[hashKey]] = item
+      count++
+
+      if (count > option.size && option.size > 0) {
+        throttleFlush.flush()
+      } else {
+        throttleFlush()
+      }
+    },
+
+    flush: throttleFlush.flush,
+    throttleFlush: throttleFlush,
+  }
+
+  return buffer
+}

package/src/common/utils/platform/subscribe/index.js

@@ -0,0 +1,204 @@
+/* eslint-disable no-console */
+import { uuid } from '@/utils/tools'
+import { callFunc } from '../core'
+
+/**
+ * @param {{ ids: string[], type: number, isSubscribe: boolean, tag: string }} param
+ */
+export function stockSubscribe(param) {
+  return callFunc('stockSubscribe', param)
+}
+
+/**
+ * @param {{ bizData: string, bizType: string, isSubscribe: boolean, tag: string }} param
+ */
+export function stockCommonSubscribe(param) {
+  return callFunc('stockCommonSubscribe', param)
+}
+
+const idToHandle = new Map()
+const handleToId = new WeakMap()
+
+/**
+ * @param {number|string} typeOrCommand
+ * @param {unknown} param
+ * @param {(data: unknown) => unknown} handle
+ * @param {unknown} offParam
+ */
+
+// 所有的订阅关系
+const subscribeMap = {
+  holding: {},
+  entrust: {},
+  quotes: {},
+  selection: {}
+}
+
+// 保存到订阅关系
+function saveStockSubscribeMap(val) {
+  const { module, isSubscribe, tag } = val
+  // 没有指定模块不操作
+  if (!module || !subscribeMap[module]) return
+  if (isSubscribe) {
+    // 订阅，追加
+    if (!needSubscribe(val)) {
+      // 非当前tab，状态置为false
+      val.isSubscribe = false
+    }
+    subscribeMap[module][tag] = val
+  } else {
+    // 取消订阅，删除
+    delete subscribeMap[module][tag]
+  }
+}
+
+// 批量处理订阅管理
+function batchChangeStockSubscribe(isSubscribe, moduleKey) {
+  Object.keys(subscribeMap[moduleKey]).forEach(k => {
+    // 订阅状态无变化，不与原生交互
+    if (subscribeMap[moduleKey][k].isSubscribe === isSubscribe) return
+    const { isCommand } = subscribeMap[moduleKey][k]
+    subscribeMap[moduleKey][k].isSubscribe = isSubscribe
+    isCommand ? stockCommonSubscribe(subscribeMap[moduleKey][k]) : stockSubscribe(subscribeMap[moduleKey][k])
+  })
+}
+
+// 统一处理所有的订阅关系，息屏时关闭，亮屏时重新订阅
+function changeStockSubscribeMap(type) {
+  Object.keys(subscribeMap).forEach(k => {
+    // 息屏全部关闭
+    let isSubscribe = type === 'hide' ? false : k === window.PE_ACTIVE_TAB
+    batchChangeStockSubscribe(isSubscribe, k)
+  })
+ 
+  // console.error('所有订阅', subscribeMap)
+}
+
+// 是否需要立即订阅
+function needSubscribe(param) {
+  const { module } = param
+  return !module || module === window.PE_ACTIVE_TAB
+}
+
+window.changeStockSubscribeMap = changeStockSubscribeMap
+
+function on(typeOrCommand, param, handle, offParam = {}, intervalTaskOptions) {
+
+  // 定时任务类型
+  if (typeOrCommand === 'intervalTask' && intervalTaskOptions) {
+    const { intervalTask, interval } = intervalTaskOptions;
+    let isTaskRunning = false;
+    let timerId = null;
+    let isActive = true; // 标记订阅是否仍然活跃
+
+    const executeTask = async () => {
+      if (!isActive || isTaskRunning) return;
+      
+      isTaskRunning = true;
+      try {
+        const result = await intervalTask(param);
+        if (isActive) { // 检查是否仍然活跃
+          handle(result);
+        }
+      } catch (error) {
+        console.error('Interval task error:', error);
+      } finally {
+        isTaskRunning = false;
+        if (isActive) { // 检查是否仍然活跃
+          timerId = setTimeout(executeTask, interval);
+        }
+      }
+    };
+
+    // 立即执行第一次任务
+    executeTask();
+
+    return () => {
+      isActive = false; // 标记为不活跃
+      clearTimeout(timerId);
+      isTaskRunning = false;
+    };
+  }
+
+  const tag = uuid()
+
+  const wrapHandle = data => {
+    handle(data)
+  }
+
+  const parseHandle = data => {
+    wrapHandle(JSON.parse(data))
+  }
+
+  const isCommand = typeof typeOrCommand === 'string'
+
+  idToHandle.set(tag, isCommand ? parseHandle : wrapHandle)
+
+  handleToId.set(handle, tag)
+
+  let _params = { isSubscribe: true, tag, ...param }
+
+  saveStockSubscribeMap({ bizType: typeOrCommand, type: typeOrCommand, ..._params, isCommand })
+ 
+  if (!needSubscribe(_params)) return
+  
+  isCommand
+    ? stockCommonSubscribe({ bizType: typeOrCommand, ..._params })
+    : stockSubscribe({ type: typeOrCommand, ..._params })
+
+  return () => {
+    return off(typeOrCommand, { ...param, ...offParam }, handle)
+  }
+}
+
+export function conditionOn(typeOrCommand, param, handle, lastTradeDate, currentDate, offParam = {}) {
+  if (+currentDate < +lastTradeDate) return null
+
+  return on(typeOrCommand, param, handle, offParam)
+}
+
+/**
+ * @param {number|string} typeOrCommand
+ * @param {unknown} params
+ * @param {(data: unknown) => unknown} handle
+ */
+function off(typeOrCommand, params, handle) {
+  const tag = handleToId.get(handle)
+  const isCommand = typeof typeOrCommand === 'string'
+
+  if (tag) {
+    idToHandle.delete(tag)
+    handleToId.delete(handle)
+
+    let _params = { isSubscribe: false, tag, ...params }
+    saveStockSubscribeMap({ bizType: typeOrCommand, type: typeOrCommand, ..._params, isCommand })
+
+    return isCommand
+      ? stockCommonSubscribe({ bizType: typeOrCommand, ..._params })
+      : stockSubscribe({ type: typeOrCommand, ..._params })
+  }
+}
+
+/**
+ * @param {{ type: string, tags: string[], data: unknown }} event
+ */
+function callback(event) {
+  let { tags, data } = event || {}
+
+  tags = tags || []
+  data = data || {}
+
+  tags.forEach(tag => {
+    const handle = idToHandle.get(tag)
+    if (handle) {
+      handle(data)
+    } else {
+      console.warn('no handle for tag:', tag)
+    }
+  })
+}
+
+window.stockCallback = callback
+window.stockCommonCallback = callback
+
+export const subscribe = { on, off }

package/src/common/utils/platform/subscribe/table-animation.js

@@ -0,0 +1,75 @@
+/**
+ * [datasetValue animation]; [start timestamp];
+ * @type {Map<string, number>}
+ */
+const cellDomMap = new Map()
+let timer = null
+
+function timeAwait(ms) {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve();
+    }, ms);
+  });
+}
+
+export function runTimeoutLoop() {
+
+  clearTimeout(timer)
+  timer = null
+
+  const cells = cellDomMap.keys()
+
+  for (const cell of cells) {
+    const timestamp = cellDomMap.get(cell) || 0
+    if (timestamp + 1000 < Date.now()) {
+      removeAnimation(cell)
+    }
+  }
+
+  if (cellDomMap.size) {
+    timer = setTimeout(runTimeoutLoop, 1000)
+  }
+}
+
+/**
+ * @param {HTMLElement} cell
+ * @param {'up' | 'down'} type
+ */
+export async function addAnimation(cell, type) {
+  if (!cell) return
+  if (cell.dataset['stock']) {
+    // 取消上一次的动画
+    removeAnimation(cell)
+    await timeAwait(1)
+  }
+
+  // 没有动画或不一致
+  if (cell.dataset['stock'] !== type) {
+    cell.dataset['stock'] = type
+    cellDomMap.set(cell, Date.now())
+  }
+  runTimeoutLoop()
+}
+
+export function removeAnimation(cell) {
+  if (!cell) return
+  try {
+    cell.dataset['stock'] = ''
+    cellDomMap.delete(cell)
+  } catch (error) {
+    console.error('removeAnimation Error', error)
+  }
+}
+
+export function updateSingleCellAnimation(cell, oldValue, newValue) {
+
+  oldValue = +oldValue
+  newValue = +newValue
+  // 如果有上涨下跌，重新添加动画
+  if (newValue > oldValue) {
+    addAnimation(cell, 'up')
+  } else if (newValue < oldValue) {
+    addAnimation(cell, 'down')
+  }
+}

package/src/config/index.js

@@ -0,0 +1,31 @@
+function isProd() {
+  return window.location.origin.indexOf('www.ycfm-erp.com') >= 0 || window.navigator.userAgent.indexOf('prod') > 0
+}
+
+// 是否是生产环境
+export const IS_PROD = isProd()
+
+
+// 应用名称
+export const APP_TITLE = '股票'
+
+// cas用到，值固定，不要更改
+export const APP_ID = 'WYpeAOwQrfWnqzZZnAntSw=='
+
+// 预留字段，暂不用到
+export const MODULE_ID = 'moduleId'
+
+// 在 erp/菜单管理/iaa/ 配置的菜单id，h5请求接口时，请求头x-menu-id会用到这个id
+export const MENU = {
+  id: '156439900739872047',
+  title: '股票',
+}
+
+// keep-alive需要缓存的页面组件名称（name选项），逗号分隔,cahce_page = ['a', 'b']
+export const CACHE_PAGE = 'home'
+
+// 表格无限滚动 预加载的系数
+export const rowsPerViewportRatio = 5
+
+// 实时数据推送频率参数
+window.updateTableBufferTime = { wait: 100, size: -1 }

package/src/config.js

@@ -0,0 +1 @@
+export * from '@/config/index'

package/src/main.js

@@ -0,0 +1,73 @@
+const Vue = window.Vue
+window.ks = window.ks && window.ks.default
+// window.ksui = window.ksui && window.ksui.default
+import KSUI from '../kuasheng-ui/index.js'
+window.ksui = KSUI
+
+import initWeb from './web'
+import {
+  MENU
+} from './config'
+window.ksui.menu = MENU || {}
+
+import App from './App.vue'
+import router from './router'
+import("vconsole").then((module) => {
+  const VConsole = module.default
+  new VConsole({
+    defaultPlugins: [],
+    log: { maxLogNumber: 100, showTimestamps: true },
+  })
+})
+ks && ks.mock({
+  // getPushInfo: {
+  //   userInfo: { employeeNumber: '093263', id: '109978' }
+  // },
+  setFullScreen: {},
+  request: {}
+})
+
+Vue.config.productionTip = true
+
+// 初始化Vue
+new Vue({
+  router,
+  data: {
+    init: true
+  },
+  render: h => h(App)
+}).$mount('#app')
+
+// 浏览器环境
+if (navigator.userAgent.toLowerCase().indexOf('kuasheng-2.0') < 0) {
+  initWeb(function () {
+    // 初始化完成
+  })
+}
+
+let err = new ksui.errorPlugin({
+  type: '跨声H5'
+})
+err.vueErrorHandler(Vue)
+
+// 启动全屏会隐藏(安卓/ios)自带的导航条，右上角会出现圆型关闭按钮
+ks.setFullScreen({
+  isFullScreen: true
+})
+
+// 获取当前用户信息
+ks.getUserInfo().then(res => {
+  window.ksui.user = res.userInfo || {}
+  ksui.watermark(res.userInfo.employeeNumber)
+  window.kyApm && window.kyApm.init({
+    whiteList: [],
+    userId: window.ksui.user.employeeNumber,
+    userName: window.ksui.user.name,
+    app: 'apm-ks',
+    module: 'H5Demo', // 模块名称
+    performance: { // 性能相关参数
+      durationTime: 2000, // 性能采集的统计时长阀值
+    },
+  })
+})
+