@idooel/components 0.0.2-beta.10 → 0.0.2-beta.12

package/packages/utils/dataPool.js

@@ -0,0 +1,22 @@
+import { createDataPool } from '@idooel/runtime-context'
+
+// 创建全局数据池实例
+const globalDataPool = createDataPool()
+
+// 导出全局数据池实例和一些便捷方法
+export default globalDataPool
+
+export const useGlobalDataPool = () => globalDataPool
+
+// 一些常用的数据操作方法
+export const setData = (ns, key, value) => {
+  globalDataPool.set(ns, key, value)
+}
+
+export const getData = (ns, key, fallback) => {
+  return globalDataPool.get(ns, key, fallback)
+}
+
+export const subscribe = (filter, listener) => {
+  return globalDataPool.subscribe(filter, listener)
+}

package/packages/utils/index.js

@@ -1,63 +1,63 @@
-import { parse } from '@idooel/expression'
-
-export const NAMESPACE = '__idooel__ele__'
-export const CONTEXT = '__idooel__ele__context__'
-export const EXPOSED = 'exposed'
-
-export const AREA_NAMES = {
-  BUTTON_GROUP: 'BUTTON_GROUP'
-}
-
-export const BUILT_IN_EVENT_NAMES = {
-  SUBMIT: 'submit',
-  CANCEL: 'cancel',
-  INCREASE: 'increase',
-  DELETE: 'delete',
-  NEXT: 'next',
-  PREVIOUS: 'previous',
-  // create, edit, view are reserved for table cru in the current version
-  CREATE: 'create',
-  EDIT: 'edit',
-  VIEW: 'view'
-}
-export const BUILT_IN_METHODS_NAMES = {
-  CLOSE_MODAL: 'closeModal',
-  SUBMIT_FORM: 'submitForm',
-  //TODO: not use
-  REFRESH_TABLE: 'refreshTable',
-  CLEAN_EFFECT: 'cleanEffect'
-}
-
-export const BUILT_IN_TRIGGER = {
-  // default it's not a trigger
-  TEXT: 'text',
-  //状态机触发器
-  FSM: 'fsm',
-  ELE_MODAL_FORM: 'ele-modal-form',
-  ELE_MODAL_TABLE: 'ele-modal-table'
-}
-export const PAGE_STATUS = {
-  CREATE: 'create',
-  //TODO implement edit and view
-  EDIT: 'edit',
-  VIEW: 'view'
-}
-export const RESERVE_EVENT_NAMES = {
-  //global event
-  INIT: 'init',
-  WATCH: 'watch',
-  //form event
-  WATCH_FORM_STATUS: 'watch-form-status',
-  INIT_FORM: 'init-form',
-  //table event
-  SEARCH: 'search',
-  TREE_CHANGE: 'tree-change'
-}
-
-export const parseFieldMap = (fieldMap = {}, dataSource = {}) => {
-  let ret = {}
-  Object.keys(fieldMap).forEach((key) => {
-    ret[fieldMap[key]] = parse(key, dataSource)
-  })
-  return ret
+import { parse } from '@idooel/expression'
+
+export const NAMESPACE = '__idooel__ele__'
+export const CONTEXT = '__idooel__ele__context__'
+export const EXPOSED = 'exposed'
+
+export const AREA_NAMES = {
+  BUTTON_GROUP: 'BUTTON_GROUP'
+}
+
+export const BUILT_IN_EVENT_NAMES = {
+  SUBMIT: 'submit',
+  CANCEL: 'cancel',
+  INCREASE: 'increase',
+  DELETE: 'delete',
+  NEXT: 'next',
+  PREVIOUS: 'previous',
+  // create, edit, view are reserved for table cru in the current version
+  CREATE: 'create',
+  EDIT: 'edit',
+  VIEW: 'view'
+}
+export const BUILT_IN_METHODS_NAMES = {
+  CLOSE_MODAL: 'closeModal',
+  SUBMIT_FORM: 'submitForm',
+  //TODO: not use
+  REFRESH_TABLE: 'refreshTable',
+  CLEAN_EFFECT: 'cleanEffect'
+}
+
+export const BUILT_IN_TRIGGER = {
+  // default it's not a trigger
+  TEXT: 'text',
+  //状态机触发器
+  FSM: 'fsm',
+  ELE_MODAL_FORM: 'ele-modal-form',
+  ELE_MODAL_TABLE: 'ele-modal-table'
+}
+export const PAGE_STATUS = {
+  CREATE: 'create',
+  //TODO implement edit and view
+  EDIT: 'edit',
+  VIEW: 'view'
+}
+export const RESERVE_EVENT_NAMES = {
+  //global event
+  INIT: 'init',
+  WATCH: 'watch',
+  //form event
+  WATCH_FORM_STATUS: 'watch-form-status',
+  INIT_FORM: 'init-form',
+  //table event
+  SEARCH: 'search',
+  TREE_CHANGE: 'tree-change'
+}
+
+export const parseFieldMap = (fieldMap = {}, dataSource = {}) => {
+  let ret = {}
+  Object.keys(fieldMap).forEach((key) => {
+    ret[fieldMap[key]] = parse(key, dataSource)
+  })
+  return ret
 }

package/packages/utils/treeTableDataPoolManager.js

@@ -0,0 +1,85 @@
+import { useGlobalDataPool } from './dataPool'
+
+/**
+ * Tree Table Model 数据池管理器
+ * 封装所有数据池操作，提供统一的接口
+ */
+export class TreeTableDataPoolManager {
+  constructor(instanceId) {
+    this.instanceId = instanceId
+    this.dataPool = useGlobalDataPool()
+    this.unsubscribe = null
+    this.sharedUnsubscribe = null
+  }
+
+  /**
+   * 设置当前行数据
+   */
+  setCurrentRowData(data) {
+    this.dataPool.set(this.instanceId, 'currentRowData', data)
+  }
+
+  /**
+   * 获取当前行数据
+   */
+  getCurrentRowData() {
+    return this.dataPool.get(this.instanceId, 'currentRowData', {})
+  }
+
+  /**
+   * 设置共享数据（给 modal table 使用）
+   */
+  setSharedData(data) {
+    if (data && Object.keys(data).length > 0) {
+      this.dataPool.set('sharedTreeTableData', 'parentCurrentRowData', data)
+    }
+  }
+
+  /**
+   * 获取共享数据（从父组件获取）
+   */
+  getSharedData() {
+    return this.dataPool.get('sharedTreeTableData', 'parentCurrentRowData')
+  }
+
+  /**
+   * 订阅当前行数据变化
+   */
+  subscribe(callback) {
+    this.unsubscribe = this.dataPool.subscribe(
+      { ns: this.instanceId, key: 'currentRowData' },
+      callback
+    )
+  }
+
+  /**
+   * 订阅共享数据变化
+   */
+  subscribeShared(callback) {
+    this.sharedUnsubscribe = this.dataPool.subscribe(
+      { ns: 'sharedTreeTableData', key: 'parentCurrentRowData' },
+      callback
+    )
+  }
+
+  /**
+   * 清理订阅
+   */
+  cleanup() {
+    if (this.unsubscribe) {
+      this.unsubscribe()
+      this.unsubscribe = null
+    }
+    if (this.sharedUnsubscribe) {
+      this.sharedUnsubscribe()
+      this.sharedUnsubscribe = null
+    }
+  }
+
+  /**
+   * 获取数据池实例（用于暴露给外部）
+   */
+  getDataPool() {
+    return this.dataPool
+  }
+}

package/scripts/rollup.config.js

@@ -1,43 +1,43 @@
-
-import { nodeResolve } from '@rollup/plugin-node-resolve'
-import { terser } from 'rollup-plugin-terser'
-import strip from '@rollup/plugin-strip'
-import vue from 'rollup-plugin-vue'
-import postcss from 'rollup-plugin-postcss'
-import postcssImport from 'postcss-import'
-import { babel } from '@rollup/plugin-babel'
-import alias from '@rollup/plugin-alias'
-import { resolve } from 'path'
-
-//TODO: bundle all packages in future
-
-/** @type { import('rollup').RollupOptions } */
-export default {
-  input: 'packages/index.js',
-  external: ['vue', '@idooel/shared', '@idooel/expression', 'vue-upload-component', 'moment'],
-  plugins: [
-    nodeResolve(),
-    vue({
-      css: true,
-      compileTemplate: true
-    }),
-    alias({
-      entries: [
-        { find: '@/utils', replacement: resolve(__dirname, '../packages/utils') }
-      ]
-    }),
-    babel({
-      babelHelpers: 'bundled',
-      presets: ['@vue/babel-preset-jsx'],
-      extensions: ['.js', '.jsx', '.es', '.es6', '.mjs', '.vue'],
-      filter: id=>{
-        return /(\.js|\.jsx|\.es6|\.es|\.mjs)$/.test(id) && !/node_modules/.test(id)
-      }
-    }),
-    postcss({
-      extensions: ['.css', '.scss'],
-      extract: true,
-      plugins: [postcssImport()]
-    })
-  ]
+
+import { nodeResolve } from '@rollup/plugin-node-resolve'
+import { terser } from 'rollup-plugin-terser'
+import strip from '@rollup/plugin-strip'
+import vue from 'rollup-plugin-vue'
+import postcss from 'rollup-plugin-postcss'
+import postcssImport from 'postcss-import'
+import { babel } from '@rollup/plugin-babel'
+import alias from '@rollup/plugin-alias'
+import { resolve } from 'path'
+
+//TODO: bundle all packages in future
+
+/** @type { import('rollup').RollupOptions } */
+export default {
+  input: 'packages/index.js',
+  external: ['vue', '@idooel/runtime-context', '@idooel/shared', '@idooel/expression', 'vue-upload-component', 'moment'],
+  plugins: [
+    nodeResolve(),
+    vue({
+      css: true,
+      compileTemplate: true
+    }),
+    alias({
+      entries: [
+        { find: '@/utils', replacement: resolve(__dirname, '../packages/utils') }
+      ]
+    }),
+    babel({
+      babelHelpers: 'bundled',
+      presets: ['@vue/babel-preset-jsx'],
+      extensions: ['.js', '.jsx', '.es', '.es6', '.mjs', '.vue'],
+      filter: id=>{
+        return /(\.js|\.jsx|\.es6|\.es|\.mjs)$/.test(id) && !/node_modules/.test(id)
+      }
+    }),
+    postcss({
+      extensions: ['.css', '.scss'],
+      extract: true,
+      plugins: [postcssImport()]
+    })
+  ]
 }

package/scripts/rollup.esm.config.js

@@ -1,12 +1,12 @@
-import baseConfig from './rollup.config.js'
-import { module } from '../package.json'
-
-/** @type { import('rollup').RollupOptions } */
-export default {
-  ...baseConfig,
-  output: {
-    name: '__ele__esm__components__',
-    file: module,
-    format: 'es'
-  }
+import baseConfig from './rollup.config.js'
+import { module } from '../package.json'
+
+/** @type { import('rollup').RollupOptions } */
+export default {
+  ...baseConfig,
+  output: {
+    name: '__ele__esm__components__',
+    file: module,
+    format: 'es'
+  }
 }

package/scripts/rollup.umd.config.js

@@ -1,17 +1,18 @@
-import baseConfig from './rollup.config.js'
-import { main } from '../package.json'
-/** @type { import('rollup').RollupOptions } */
-export default {
-  ...baseConfig,
-  output: {
-    name: '__ele__umd__components__',
-    file: main,
-    format: 'umd',
-    globals: {
-      vue: 'Vue',
-      '@idooel/shared': '@idooel/shared',
-      '@idooel/expression': '@idooel/expression'
-    },
-    exports: 'named'
-  }
+import baseConfig from './rollup.config.js'
+import { main } from '../package.json'
+/** @type { import('rollup').RollupOptions } */
+export default {
+  ...baseConfig,
+  output: {
+    name: '__ele__umd__components__',
+    file: main,
+    format: 'umd',
+    globals: {
+      vue: 'Vue',
+      '@idooel/runtime-context': '@idooel/runtime-context',
+      '@idooel/shared': '@idooel/shared',
+      '@idooel/expression': '@idooel/expression'
+    },
+    exports: 'named'
+  }
 }