ibsp-fg-page 4.0.2

package/src/models/useConsole.ts

@@ -0,0 +1,135 @@
+import { Stack } from './useStack';
+
+export type MConsoleStack = {
+  type: string
+  time: number
+  data: any[]
+}
+
+class MConsole {
+
+  _console: Console = console;
+
+  private stack = new Stack<MConsoleStack>();
+
+  get list() {
+    return this.stack.list;
+  }
+
+  private pushStack(type: keyof Console, ...args: any) {
+    this.stack.push({
+      type,
+      data: [...args],
+      time: Date.now()
+    })
+  }
+
+  log(...args: any) {
+    this.pushStack('log', ...args)
+    this._console.log(...args)
+  }
+
+  error(...args: any) {
+    this.pushStack('error', ...args)
+    this._console.error(...args)
+  }
+
+  assert(...args: any) {
+    this.pushStack('assert', ...args)
+    this._console.assert(...args)
+  }
+
+  count(...args: any) {
+    this.pushStack('count', ...args)
+    this._console.count(...args)
+  }
+
+  countReset(...args: any) {
+    this.pushStack('count', ...args)
+    this._console.countReset(...args)
+  }
+
+  debug(...args: any) {
+    this.pushStack('debug', ...args)
+    this._console.debug(...args)
+  }
+
+  dir(...args: any) {
+    this.pushStack('dir', ...args)
+    this._console.dir(...args)
+  }
+
+  dirxml(...args: any) {
+    this.pushStack('dirxml', ...args)
+    this._console.dirxml(...args)
+  }
+
+  group(...args: any) {
+    this.pushStack('group', ...args)
+    this._console.group(...args)
+  }
+
+  groupCollapsed(...args: any) {
+    this.pushStack('group', ...args)
+    this._console.groupCollapsed(...args)
+  }
+
+  groupEnd() {
+    this.pushStack('group')
+    this._console.groupEnd()
+  }
+
+  info(...args: any) {
+    this.pushStack('info', ...args)
+    this._console.info(...args)
+  }
+
+  table(...args: any) {
+    this.pushStack('table', ...args)
+    this._console.table(...args)
+  }
+
+  time(...args: any) {
+    this.pushStack('time', ...args)
+    this._console.time(...args)
+  }
+
+  timeEnd(...args: any) {
+    this.pushStack('time', ...args)
+    this._console.timeEnd(...args)
+  }
+
+  timeLog(...args: any) {
+    this.pushStack('time', ...args)
+    this._console.timeLog(...args)
+  }
+
+  timeStamp(...args: any) {
+    this.pushStack('time', ...args)
+    this._console.timeStamp(...args)
+  }
+
+  trace(...args: any) {
+    this.pushStack('trace', ...args)
+    this._console.trace(...args)
+  }
+
+  warn(...args: any) {
+    this.pushStack('warn', ...args)
+    this._console.warn(...args)
+  }
+
+  clear() {
+    this.stack.clear();
+    this._console.clear()
+  }
+
+
+}
+
+const mConsole = new MConsole;
+
+
+export const useConsole = () => {
+  return mConsole;
+}

package/src/models/useDynamicValueModel.js

@@ -0,0 +1,576 @@
+import { groupBy } from 'lodash-es'
+import { ElMessage } from 'element-plus'
+
+import { props_map } from '@/stores/usePlatformLibStore'
+
+export class DynamicValueOptions {
+
+  constructor(page) {
+    this.page = page
+    this.platformLibStore = page.store.platformLibStore
+    this.platformLibPropsMap = props_map
+    this.componentStore = page.store.componentStore
+  }
+
+  /**
+   * 获取变量值选项
+   */
+  get varValueOptions() {
+    const { platform, app } = this.platformLibStore.platformLibData.var
+    const varPropsMap = this.platformLibPropsMap.var
+    return [
+      {
+        label: '应用级变量',
+        value: 'app',
+        data: app.map(item=>({
+          label: item[varPropsMap.label],
+          value: item[varPropsMap.code]
+        }))
+      },
+      {
+        label: '平台级变量',
+        value: 'platform',
+        data: platform.map(item=>({
+          label: item[varPropsMap.label],
+          value: item[varPropsMap.code]
+        }))
+      }
+    ]
+
+  }
+  /**
+   * 获取常量值选项
+   */
+  get constValueOptions() {
+    const { platform, app } = this.platformLibStore.platformLibData.const
+    const constPropsMap = this.platformLibPropsMap.const
+    return [
+      {
+        label: '应用级常量',
+        value: 'app',
+        data: app.map(item=>({
+          label: item[constPropsMap.label],
+          value: item[constPropsMap.code]
+        }))
+      },
+      {
+        label: '平台级常量',
+        value: 'platform',
+        data: platform.map(item=>({
+          label: item[constPropsMap.label],
+          value: item[constPropsMap.code]
+        }))
+      }
+    ]
+  }
+
+  /**
+   * 获取页面参数值选项
+   */
+  get pageValueOptions() {
+    const pageParam = this.page.pageConfigValue.canvasPage.pageParam
+
+    const list = groupBy(pageParam, 'target')
+    const res = Object.keys(list).map(key=>({
+      label: key,
+      value: key,
+      data: list[key].map(item=>({
+        label: item.key,
+        value: item.key
+      }))
+    }))
+    return res
+  }
+
+  /**
+   * 获取系统值选项
+   */
+  get systemValueOptions() {
+    const userInfo = this.page.data.userInfo
+    return Object.keys(userInfo).map(key=>({
+      label: key,
+      value: key
+    }))
+  }
+
+  /**
+   * 获取表单值选项
+   */
+  get formValueOptions() {
+    return this.componentStore.componentData
+      .filter(item=>item.data?.formFieldOptions)
+      .map(item=>({
+        label: item.name,
+        value: item.id,
+        data: item.data.formFieldOptions.map(prop=>({
+          label: prop.label,
+          value: prop.value
+        }))
+      }))
+  }
+
+  /**
+   * 获取表单数据值选项
+   */
+  get formDataValueOptions() {
+    return this.componentStore.componentData
+      .filter(item=>item.data?.formFieldOptions)
+      .map(item=>({
+        label: item.name,
+        value: item.id
+      }))
+  }
+
+
+  /**
+   * 获取组件数据值选项
+   */
+  get componentDataOptions() {
+    return this.componentStore.componentData.map(item=>({
+      label: item.name,
+      value: item.id
+    }))
+  }
+
+  /**
+   * 获取组件方法值选项
+   */
+  get componentMethodOptions() {
+    return this.componentStore.componentData.map(item=>({
+      label: item.name,
+      value: item.id,
+      data: Object.keys(item.ref?.methods || {}).map(methodName=>({
+        label: methodName,
+        value: methodName
+      }))
+    }))
+  }
+
+  /**
+   * 获取组件属性值选项
+   */
+  get componentPropsOptions() {
+    const loop = (props) => {
+      const _props = Array.isArray(props.value) ? props.value : props
+      return _props.map(item=>{
+        const i = {
+          label: item.label,
+          value: item.key
+        }
+        if (item.children?.length) i.data = loop(item.children)
+        return i
+      })
+    }
+    return this.componentStore.componentData.map(item=>({
+      label: item.name,
+      value: item.id,
+      data: loop(item.componentConfig.props)
+    }))
+  }
+
+  /**
+   * 获取组件值选项
+   */
+  get componentValueOptions() {
+    return this.componentStore.componentData.map(item=>({
+      label: `${item.name} (${item.label})`,
+      value: item.id,
+      data: item.data.exportDataOptions
+    })).filter(item=>item.data?.length)
+  }
+
+  get builtinValueOptions() {
+    return [
+      {
+        label: '当前窗口',
+        value: 'window',
+        data: [
+          {
+            label: '窗口地址(不带域名)',
+            value: 'pathname'
+          },
+          {
+            label: '窗口地址(带域名)',
+            value: 'href'
+          },
+          {
+            label: '窗口标题',
+            value: 'title'
+          }
+        ]
+      },
+      {
+        label: '日期时间',
+        value: 'dateTime',
+        data: [
+          {
+            label: '当前日期(年-月-日)',
+            value: 'date'
+          },
+          {
+            label: '当前时间(时:分:秒)',
+            value: 'time'
+          },
+          {
+            label: '当前日期时间(年-月-日 时:分:秒)',
+            value: 'dateTime'
+          },
+          {
+            label: '当前时间戳',
+            value: 'timestamp'
+          }
+        ]
+      }
+    ]
+  }
+
+  get counterOptions() {
+    return []
+  }
+
+  /**
+   *
+   * @param {Array} [types] 值类型
+   * @returns
+   */
+  queryDynamicValueOptions(types = ['var', 'const', 'component', 'page', 'system', 'form', 'builtin']) {
+    const valueMap = [
+      {
+        label: '变量值',
+        value: 'var',
+        data: this.varValueOptions
+      },
+      {
+        label: '常量值',
+        value: 'const',
+        data: this.constValueOptions
+      },
+      {
+        label: '组件值',
+        value: 'component',
+        data: this.componentValueOptions
+      },
+      {
+        label: '页面值',
+        value: 'page',
+        data: this.pageValueOptions
+      },
+      {
+        label: '系统值',
+        value: 'system',
+        data: this.systemValueOptions
+      },
+      {
+        label: '表单值',
+        value: 'form',
+        data: this.formValueOptions
+      },
+      {
+        label: '表单数据值',
+        value: 'formData',
+        data: this.formDataValueOptions
+      },
+      {
+        label: '组件数据值',
+        value: 'componentData',
+        data: this.componentDataOptions
+      },
+      {
+        label: '组件方法值',
+        value: 'componentMethod',
+        data: this.componentMethodOptions
+      },
+      {
+        label: '组件属性值',
+        value: 'componentProps',
+        data: this.componentPropsOptions
+      },
+      {
+        label: '内置值',
+        value: 'builtin',
+        data: this.builtinValueOptions
+      },
+      {
+        label: '计数器',
+        value: 'counter',
+        data: this.counterOptions
+      }
+    ]
+    if (!types?.length) return valueMap
+    return valueMap.filter(item=>types.includes(item.value))
+  }
+
+
+}
+
+export class AnalysisDynamicValue {
+
+  constructor(page) {
+    this.page = page
+    this.platformLibData = page.store.platformLibStore
+    this.platformLibPropsMap = props_map
+    this.componentStore = page.store.componentStore
+  }
+
+  /**
+   *  查询变量值
+   * @param {Array} values
+   */
+  queryVarValue(values = []) {
+    const [type, code] = values
+    let value = ''
+    try {
+      value = this.page.platformLib.var?.[type]?.[code]
+
+    } catch (error) {
+      ElMessage.error(`解析变量值失败: ${error.message}`)
+    }
+    return value
+  }
+
+  /**
+   *  查询常量值
+   * @param {Array} values
+   * @returns
+   */
+  queryConstValue(values = []) {
+    const [type, code] = values
+    let value = ''
+    try {
+      value = this.page.platformLib.const[type][code]
+    } catch (error) {
+      ElMessage.error(`解析常量值失败: ${error.message}`)
+    }
+    return value
+  }
+
+  /**
+   * 查询组件值
+   * @param {Array} values
+   * @returns
+   */
+  queryComponentValue(values = []) {
+    // debugger
+    const [id, ...args] = values
+    let value = ''
+    try {
+      const component = typeof id === 'object' ? id : this.componentStore.componentData.find(item=>item.id === id)
+      value = args.reduce((acc, cur)=>{
+        if (!acc) return ''
+        return Reflect.get(acc, cur)
+      }, component.data.exportDataValues)
+    } catch (error) {
+      console.error('error', `解析组件值失败: ${error.message}`);
+    }
+    return value
+  }
+
+  get pageQueryValue() {
+    let url = window.location.search; // 获取url中"?"符后的字串
+    let theRequest = {};
+    if (url.indexOf('?') !== -1) {
+      let str = url.substr(1);
+      const strs = str.split('&');
+      for (let i = 0; i < strs.length; i++) {
+        theRequest[strs[i].split('=')[0]] = decodeURI(strs[i].split('=')[1]);
+      }
+    }
+    return theRequest
+  }
+
+  /**
+   * 查询页面值
+   * @param {Array} values
+   * @returns
+   */
+  queryPageValue(values = []) {
+    const [type, key] = values
+    let value = ''
+    try {
+      if (type === 'query') {
+        let theRequest = this.pageQueryValue
+        value = theRequest[key]
+      } else if (type === 'local') {
+        try {
+          value = JSON.parse(localStorage.getItem('$IBSP_' + key))
+          value = value[key]
+        } catch (e) {
+          value = localStorage.getItem('$IBSP_' + key) || ''
+        }
+
+      }
+    } catch (error) {
+      ElMessage.error(`解析页面值失败: ${error.message}`)
+    }
+    return value
+  }
+
+  /**
+   *  查询系统值
+   * @param {Array} values
+   * @returns
+   */
+  querySystemValue(values = []) {
+    const [key] = values
+    let value = ''
+    try {
+      value = this.page.data.userInfo[key]
+    } catch (error) {
+      ElMessage.error(`解析系统值失败: ${error.message}`)
+    }
+    return value
+  }
+
+  queryBuiltinValue(values = []) {
+    const [type, key] = values
+    let value = ''
+    try {
+      // 以下需要优化
+      if (type === 'window') {
+        if (key === 'pathname') value = window.location.pathname;
+        if (key === 'href') value = window.location.href;
+        if (key === 'title') value = document.title;
+      } else if (type === 'dateTime') {
+        if (key === 'date') {
+          value = new Date().toLocaleDateString()
+        }
+        if (key === 'time') {
+          value = new Date().toLocaleTimeString()
+        }
+        if (key === 'dateTime') {
+          value = new Date().toLocaleString()
+        }
+        if (key === 'timestamp') {
+          value = new Date().getTime()
+        }
+
+      }
+    } catch (error) {
+      ElMessage.error(`解析内置值失败: ${error.message}`)
+    }
+    return value
+  }
+
+  /**
+   *  查询制定类型的值
+   * @param {} type
+   * @param {*} values
+   * @returns
+   */
+  queryTypeValue = (type, values, options)=> {
+    if (!Array.isArray(values)) return values
+    switch (type) {
+    case 'var':
+      return this.queryVarValue(values)
+    case 'const':
+      return this.queryConstValue(values)
+    case 'component':
+      return this.queryComponentValue(values)
+    case 'page':
+      return this.queryPageValue(values)
+    case 'system':
+      return this.querySystemValue(values)
+    case 'form':
+      return this.queryFormValue(values)
+    case 'builtin':
+      return this.queryBuiltinValue(values)
+    case 'static':
+      return values[0]
+    default:
+      if (options?.data) {
+        return this.getObjectValue([type, ...values], options.data)
+      }
+      return ''
+    }
+  }
+
+  queryFormValue(values = []) {
+    const [id, ...args] = values
+    let value = ''
+    try {
+      const component = this.componentStore.componentData.find(item=>item.id === id)
+      value = args.reduce((acc, cur)=>{
+        if (!acc) return ''
+        return Reflect.get(acc, cur)
+      }, component.data.formInputData)
+    } catch (error) {
+      ElMessage.error(`解析表单值失败: ${error.message}`)
+    }
+    return value
+  }
+  analysisTemplate(input) {
+    const regex = /{{\s*([^}]+?)\s*}}/g;
+    const match = regex.exec(input.trim());
+    // 检查整个字符串是否只包含一个合法的格式
+    if (match && regex.lastIndex === input.length) {
+      const parts = match[1].split('.');
+      // 确保每个部分合法，包括中文和特殊字符
+      if (parts.every(part => /^[^{}\s]+$/.test(part))) {
+        return parts;
+      }
+    }
+    return null; // 否则返回 null
+  }
+
+  /**
+   * 解析动态值
+   * @param {String | Array} value
+   * @returns
+   */
+  analysisDynamicValue(key, options = {}) {
+    if (Array.isArray(key)) {
+      const [type, ...args] = key
+      return this.queryTypeValue(type, args, options)
+    } else if (typeof key === 'string') {
+      let values = key
+      if (key.trim().startsWith('{{')) {
+        values = this.analysisTemplate(key)
+      } else {
+        values = this.page.bindDynamicData[key]
+      }
+      if (!values) return key
+      const [type, ...args] = values
+      return this.queryTypeValue(type, args)
+    }
+    return key
+
+  }
+
+
+  setDynamicValue(type, path, value) {
+    if (type === 'var') {
+      this.page.platformLib.var[path[0]][path[1]] = value
+    }
+
+    if (type === 'const') {
+      this.page.platformLib.const[path[0]][path[1]] = value
+    }
+
+    if (type === 'component') {
+      const [id, ...args] = path
+      const component = typeof id === 'object' ? id : this.componentStore.componentData.find(item=>item.id === id)
+      let exportDataValues = component.data.exportDataValues
+      for (let i = 0; i < args.length; i++) {
+        const item = args[i];
+        if (i === args.length - 1) {
+          Reflect.set(exportDataValues, item, value)
+          break
+        }
+        exportDataValues = exportDataValues[item]
+      }
+    }
+
+
+  }
+
+  getObjectValue(values, data) {
+
+    if (values.length === 0) return data;
+    values = values.flat(2)
+    return values.reduce((acc, cur)=>{
+      if (!acc) return ''
+      return Reflect.get(acc, cur)
+    }, data)
+  }
+
+}