@idooel/components 0.0.1-beta.75 → 0.0.1-beta.77

package/dist/@idooel/components.esm.js

@@ -2285,8 +2285,9 @@ var script$y = {
       resizeObserverModelTableWrapper: null,
       modelTableWrapperHeight: 0,
       currentTreeNodeData: {},
+      currentRowData: {},
       treeWrapperHeight: 0,
-      currentTableSelection: {},
+      currentTableSelection: this.currentTableMode == 'radio' ? {} : [],
       showFsmModal: false,
       fsmMeta: {},
       fsmContextProp: {}
@@ -2364,7 +2365,10 @@ var script$y = {
         currentTableSelection: this.currentTableSelection,
         currentTreeNode: this.currentTreeNodeData,
         requestTableData: this.requestTableData,
-        querys: this.tableQuerys
+        querys: this.tableQuerys,
+        currentRowData: this.currentRowData,
+        setCurrentRowData: this.setCurrentRowData,
+        setCurrentTableSelection: this.setCurrentTableSelection
       };
     },
     overrideTableEvent() {
@@ -2575,7 +2579,7 @@ var script$y = {
       this.fsmContextProp = record;
       this.showFsmModal = true;
     },
-    onChangeTableSelection(_, selectedRows) {
+    onChangeTableSelection(_, selectedRows = []) {
       if (this.currentTableMode === 'radio') {
         this.currentTableSelection = selectedRows[0];
         this.$emit('on-change-table-selection', this.currentTableSelection);
@@ -2584,7 +2588,21 @@ var script$y = {
         this.$emit('on-change-table-selection', this.currentTableSelection);
       }
     },
-    [BUILT_IN_EVENT_NAMES.EDIT]() {
+    setCurrentTableSelection(props = {}) {
+      if (this.currentTableMode === 'radio') {
+        this.currentTableSelection = type.isObject(props) ? props : {};
+      } else {
+        this.currentTableSelection = type.isArray(props) ? props : [];
+      }
+    },
+    setCurrentRowData(props = {}) {
+      this.currentRowData = props;
+    },
+    [BUILT_IN_EVENT_NAMES.EDIT](props = {}) {
+      const {
+        record = {}
+      } = props;
+      this.currentRowData = record;
       this.modalFormMeta = this.editMeta;
       this.modalFormValue = true;
     },
@@ -2923,11 +2941,11 @@ __vue_render__$y._withStripped = true;
   /* style */
   const __vue_inject_styles__$y = function (inject) {
     if (!inject) return
-    inject("data-v-8491f498_0", { source: ".ele.model__tree-table[data-v-8491f498] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper[data-v-8491f498] {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container[data-v-8491f498] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar[data-v-8491f498] {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text[data-v-8491f498] {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-8491f498] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-8491f498] {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm[data-v-8491f498] {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/models/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AAweA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;ACveA;ADyeA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;ACveA;AD0eA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;ACxeA;AD0eA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;ACxeA;AD0eA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;ACxeA;AD2eA;EACA,gBAAA;ACzeA;AD0eA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;ACxeA;AD2eA;EACA,eAAA;EACA,kCAAA;ACzeA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <section class=\"ele model__tree-table\">\n    <section class=\"model__tree-table--container\" v-if=\"showTree\">\n      <div class=\"model__tree--title\"></div>\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\" :style=\"{height: `${treeWrapperHeight}px`}\">\n        <ele-tree\n          :tree-data=\"treeData\"\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\n          @select=\"selectTreeNode\"\n          :replace-fields=\"treeMeta.replaceFields || replaceFields\">\n        </ele-tree>\n      </section>\n    </section>\n    <section class=\"model__table--container\" :ref=\"modelTableContainerRef\">\n      <div class=\"model__table--title\" v-if=\"title\">\n        <template v-if=\"titleMode\">\n          <div :class=\"[`model__table-title--${titleMode}`]\"></div>\n        </template>\n        <template v-else>\n          <div class=\"model__table-title--text\">{{ title }}</div>\n        </template>\n      </div>\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\n        <div class=\"button-row__area\">\n          <ele-button-group class=\"model-table__button-group\" v-on=\"overrideButtonGroupEvent\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n          <slot name=\"tags\"></slot>\n          <slot name=\"sub-center\"></slot>\n        </div>\n        <ele-table\n          v-on=\"overrideTableEvent\"\n          :ref=\"tableRef\"\n          :row-selection=\"rowSelection\"\n          :loading=\"loading\" \n          :columns=\"columns\"\n          :total=\"total\"\n          :x=\"x\"\n          :y=\"y\"\n          :height=\"tableHeight\"\n          :width=\"tableWidth\"\n          :actions=\"actions\"\n          :pageSize=\"pageSize\"\n          :pageSizeOptions=\"pageSizeOptions\"\n          :data-source=\"tableData\"\n          @change-page=\"onChangePage\"\n        ></ele-table>\n      </section>\n    </section>\n    <ele-modal-form v-model=\"modalFormValue\" v-on=\"overrideModalFormEvent\" :meta=\"modalFormMeta\"></ele-modal-form>\n    <ele-modal-fsm v-model=\"showFsmModal\" :contextProp=\"fsmContextProp\" :meta=\"fsmMeta\" @cancel=\"handleCloseFsmModal\"></ele-modal-fsm>\n  </section>\n</template>\n\n<script>\nimport { type, net } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nimport { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap, BUILT_IN_TRIGGER, CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-tree-table-model',\n  props: {\n    title: {\n      type: [Object, String]\n    },\n    overHeight: {\n      type: Number,\n      default: 0\n    },\n    treeMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    searchMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    buttonGroupMeta: {\n      typeof: Object,\n      default: () => ({})\n    },\n    tableMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    createMeta: {\n      type: Object\n    },\n    editMeta: {\n      type: Object\n    }\n  },\n  provide () {\n    return {\n      requestTreeData: this.requestTreeData,\n      requestTableData: this.requestTableData,\n      [CONTEXT]: () => {\n        return {\n          exposed: { ...this.exposed }\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      tableHeight: 0,\n      tableWidth: 0,\n      modalFormMeta: {},\n      modalFormValue: false,\n      treeData: [],\n      tableData: [],\n      defaultExpandedKeys: [],\n      defaultSelectedKeys: [],\n      replaceFields: {\n        title: 'title',\n        children: 'children',\n        key: 'id'\n      },\n      loading: false,\n      total: 0,\n      tableQuerys: {},\n      resizeObserverModelTableWrapper: null,\n      modelTableWrapperHeight: 0,\n      currentTreeNodeData: {},\n      treeWrapperHeight: 0,\n      currentTableSelection: {},\n      showFsmModal: false,\n      fsmMeta: {},\n      fsmContextProp: {}\n    }\n  },\n  computed: {\n    rowSelection () {\n      if (!this.currentTableMode) return void 0\n      return {\n        columnTitle: this.currentSelectionColumn.columnTitle,\n        fixed: true,\n        type: this.currentTableMode,\n        onChange: this.onChangeTableSelection\n      }\n    },\n    currentSelectionColumn () {\n      const { multiple } = this.tableMeta\n      const target = this.columns.find(item => Object.keys(item).includes('multiple'))\n      const isGlobalExistMultiple = Object.keys(this.tableMeta).includes('multiple')\n      if (target) {\n        return target\n      } else if (isGlobalExistMultiple) {\n        return { multiple }\n      }\n      return void 0\n    },\n    x () {\n      const { x } = this.tableMeta\n      return x\n    },\n    y () {\n      const { y } = this.tableMeta\n      return y\n    },\n    currentTableMode () {\n      if (!this.currentSelectionColumn) return void 0\n      const { multiple } = this.currentSelectionColumn\n      if (type.isBool(multiple)) {\n        if (multiple) {\n          return 'checkbox'\n        } else {\n          return 'radio'\n        }\n      } else {\n        return void 0\n      }\n    },\n    modelTableContainerRef () {\n      return uuidv4()\n    },\n    titleMode () {\n      if (type.isObject(this.title)) {\n        const { mode = '' } = this.title\n        return mode\n      }\n      return void 0\n    },\n    tableRef () {\n      return uuidv4()\n    },\n    exposed () {\n      return {\n        currentTableSelection: this.currentTableSelection,\n        currentTreeNode: this.currentTreeNodeData,\n        requestTableData: this.requestTableData,\n        querys: this.tableQuerys\n      }\n    },\n    overrideTableEvent () {\n      const events = this.actions.reduce((ret, action) => {\n        ret[action.eventName] = (e) => {\n          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.EDIT]: this[BUILT_IN_EVENT_NAMES.EDIT]\n      }\n    },\n    overrideModalFormEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    overrideButtonGroupEvent () {\n      const events = this.getButtonGroupElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.$emit(ele.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.CREATE]: this[BUILT_IN_EVENT_NAMES.CREATE]\n      }\n    },\n    showTree () {\n      return !!Object.keys(this.treeMeta).length\n    },\n    buttonGroup () {\n      return uuidv4()\n    },\n    searchArea () {\n      return uuidv4()\n    },\n    modelTreeWrapper () {\n      return uuidv4()\n    },\n    modelTableWrapper () {\n      return uuidv4()\n    },\n    actions () {\n      const { operations } = this.tableMeta\n      if (operations) {\n        return operations.elements\n      } else {\n        return []\n      }\n    },\n    pageSize () {\n      const { page = {} } = this.tableMeta\n      return page.pageSize || 10\n    },\n    pageSizeOptions () {\n      const { page = {} } = this.tableMeta\n      return page.pageSizeOptions || ['10', '20', '30', '40']\n    },\n    columns () {\n      const { columns, operations } = this.tableMeta\n      if (type.get(columns) === 'array') {\n        const columnsOptions = columns.map(item => {\n          const { mode = 'text' } = item\n          if (item.render) {\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, \n                  { h: $createElement, ctx: this },\n                  text ? typeof text == 'object' ? text[item.dataIndex] : text : '', \n                  record, index)\n              }\n            }\n          } else if (mode !== BUILT_IN_TRIGGER.TEXT) {\n            const { [`${mode}Meta`]: modeMeta } = item\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                return <span onClick={() => this.dispatchTrigger({ mode, record, modeMeta, index })} class={ mode }>{ text }</span>\n              }\n            }\n          }\n          return {\n            ...item\n          }\n        })\n        if (operations) {\n          return [\n            ...columnsOptions,\n            {\n              title: '操作',\n              width: operations.width,\n              key: 'action',\n              fixed: 'right',\n              scopedSlots: { customRender: 'action' }\n            }\n          ]\n        }\n        return columnsOptions\n      } else {\n        console.error('Error: columns is invalid, please check it')\n        return []\n      }\n    },\n    getButtonGroupElements () {\n      const { elements } = this.buttonGroupMeta\n      if (type.get(elements) === 'function') {\n        return elements.call(this)\n      } else if (type.get(elements) === 'array') {\n        return elements\n      } else {\n        return []\n      }\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.currentTreeNodeData = defaultTreeNode\n    }\n    const { params = {}, fieldMap = {}, overrideInit = false } = this.tableMeta\n    const ctx = { ...this.currentTreeNodeData, _route: this.$route.query }\n    const initQuerys = Object.assign({}, params, parseFieldMap(fieldMap, ctx))\n    if (overrideInit) {\n      this.$emit(RESERVE_EVENT_NAMES.INIT, { ...this.exposed })\n    } else {\n      this.tableData = await this.requestTableData(initQuerys)\n    }\n  },\n  methods: {\n    dispatchTrigger ({ mode, record = {}, modeMeta = { } }) {\n      switch (mode) {\n        case BUILT_IN_TRIGGER.FSM:\n          this[`${BUILT_IN_TRIGGER.FSM}Trigger`](record, modeMeta = { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          })\n          break\n        default:\n          break\n      }\n    },\n    handleCloseFsmModal () {\n      this.showFsmModal = false\n    },\n    [`${BUILT_IN_TRIGGER.FSM}Trigger`] (record, meta) {\n      this.fsmMeta = meta\n      this.fsmContextProp = record\n      this.showFsmModal = true\n    },\n    onChangeTableSelection (_, selectedRows) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = selectedRows[0]\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      } else {\n        this.currentTableSelection = selectedRows\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      }\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] () {\n      this.modalFormMeta = this.editMeta\n      this.modalFormValue = true\n    },\n    [BUILT_IN_EVENT_NAMES.CREATE] () {\n      this.modalFormMeta = this.createMeta\n      this.modalFormValue = true\n    },\n    handleClickButtonGroup (props) {\n      const { eventName } = props\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\n    },\n    watchViewPort () {\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\n      console.log(modelTableWrapper.getBoundingClientRect())\n      const { top } = modelTableWrapper.getBoundingClientRect()\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\n    },\n    async onSearch (props) {\n      const { overrideInit = false } = this.tableMeta\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData()\n      }\n    },\n    execTableFieldMap (fieldMap = {}, props) {\n      let ret = {}\n      const keys = Object.keys(fieldMap)\n      keys.forEach(key => {\n        const field = fieldMap[key]\n        ret[field] = props[key]\n      })\n      return ret\n    },\n    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\n      const { overrideInit = false } = this.tableMeta\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData(execFieldMapRet)\n      }\n    },\n    async requestTreeData () {\n      const { url, requestType = 'GET', params = {}, fieldMap = {} } = this.treeMeta\n      const fieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, _route: this.$route.query })\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        { ...params, ...fieldMapRet }\n      ).then(resp => {\n        const { data } = resp || {}\n        return data\n      })\n      return ret\n    },\n    async onChangePage (page, pageSize) {\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\n    },\n    async requestTableData (props = {}) {\n      const { url, requestType = 'GET', page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      this.$emit(RESERVE_EVENT_NAMES.WATCH, { ...this.exposed })\n      this.loading = true\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        this.loading = false\n        return (data || []).map(item => {\n          delete item.children\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      this.tableData = ret\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    calculateTableHeight () {\n      const currentViewportHeight = window.innerHeight\n      const tableRef = this.$refs[this.tableRef]\n      const { top: tableToTop, width } = tableRef.$el.getBoundingClientRect()\n      this.tableWidth = width\n      this.tableHeight = currentViewportHeight - tableToTop - this.overHeight\n    },\n    calculateTreeHeight () {\n      if (!this.showTree) return\n      const modelTableContainerRef = this.$refs[this.modelTableContainerRef]\n      const { height } = modelTableContainerRef.getBoundingClientRect()\n      this.treeWrapperHeight = height\n    }\n  },\n  mounted () {\n    this.calculateTableHeight()\n    this.$nextTick(() => {\n      this.calculateTreeHeight()\n    })\n    this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n      for (const _ of entries) {\n        requestAnimationFrame(() => {\n          this.calculateTableHeight()\n        })\n      }\n    })\n    this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  },\n  destroyed () {\n    this.resizeObserverModelTableWrapper.disconnect()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele {\n  &.model__tree-table {\n    background: transparent;                                                                                                                                                                                                                 \n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    .model__tree-table--container {\n      .model__tree--wrapper {\n        width: 240px;\n        background: #fff;\n        flex-shrink: 0;\n        padding: 16px;\n        box-sizing: border-box;\n        margin-right: 16px;\n        overflow-y: auto;\n      }\n    }\n    .model__table--container {\n      width: 100%;\n      min-width: 0;\n      background: #fff;\n      .model__table--title {\n        .model__table-title--bar {\n          width: 100%;\n          height: 8px;\n          background: var(--idooel-primary-color);\n          border-top-left-radius: 4px;\n          border-top-right-radius: 4px;\n        }\n        .model__table-title--text {\n          text-align: left;\n          padding: 16px;\n          font-size: 16px;\n          font-weight: bold;\n          background: #fff;\n          border-bottom: 1px solid;\n          border-color: var(--idoole-black-016);\n        }\n      }\n      .model__table--wrapper {\n        background: #fff;\n        .button-row__area {\n          width: 100%;\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          padding-top: 16px;\n          padding-bottom: 8px;\n          padding-right: 16px;\n        }\n        .g-table__wrapper {\n          .fsm {\n            cursor: pointer;\n            color: var(--idooel-primary-color);\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n",".ele.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-392fecc2_0", { source: ".ele.model__tree-table[data-v-392fecc2] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper[data-v-392fecc2] {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container[data-v-392fecc2] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar[data-v-392fecc2] {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text[data-v-392fecc2] {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-392fecc2] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-392fecc2] {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm[data-v-392fecc2] {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/models/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AAwfA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;ACvfA;ADyfA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;ACvfA;AD0fA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;ACxfA;AD0fA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;ACxfA;AD0fA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;ACxfA;AD2fA;EACA,gBAAA;ACzfA;AD0fA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;ACxfA;AD2fA;EACA,eAAA;EACA,kCAAA;ACzfA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <section class=\"ele model__tree-table\">\n    <section class=\"model__tree-table--container\" v-if=\"showTree\">\n      <div class=\"model__tree--title\"></div>\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\" :style=\"{height: `${treeWrapperHeight}px`}\">\n        <ele-tree\n          :tree-data=\"treeData\"\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\n          @select=\"selectTreeNode\"\n          :replace-fields=\"treeMeta.replaceFields || replaceFields\">\n        </ele-tree>\n      </section>\n    </section>\n    <section class=\"model__table--container\" :ref=\"modelTableContainerRef\">\n      <div class=\"model__table--title\" v-if=\"title\">\n        <template v-if=\"titleMode\">\n          <div :class=\"[`model__table-title--${titleMode}`]\"></div>\n        </template>\n        <template v-else>\n          <div class=\"model__table-title--text\">{{ title }}</div>\n        </template>\n      </div>\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\n        <div class=\"button-row__area\">\n          <ele-button-group class=\"model-table__button-group\" v-on=\"overrideButtonGroupEvent\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n          <slot name=\"tags\"></slot>\n          <slot name=\"sub-center\"></slot>\n        </div>\n        <ele-table\n          v-on=\"overrideTableEvent\"\n          :ref=\"tableRef\"\n          :row-selection=\"rowSelection\"\n          :loading=\"loading\" \n          :columns=\"columns\"\n          :total=\"total\"\n          :x=\"x\"\n          :y=\"y\"\n          :height=\"tableHeight\"\n          :width=\"tableWidth\"\n          :actions=\"actions\"\n          :pageSize=\"pageSize\"\n          :pageSizeOptions=\"pageSizeOptions\"\n          :data-source=\"tableData\"\n          @change-page=\"onChangePage\"\n        ></ele-table>\n      </section>\n    </section>\n    <ele-modal-form v-model=\"modalFormValue\" v-on=\"overrideModalFormEvent\" :meta=\"modalFormMeta\"></ele-modal-form>\n    <ele-modal-fsm v-model=\"showFsmModal\" :contextProp=\"fsmContextProp\" :meta=\"fsmMeta\" @cancel=\"handleCloseFsmModal\"></ele-modal-fsm>\n  </section>\n</template>\n\n<script>\nimport { type, net } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nimport { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap, BUILT_IN_TRIGGER, CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-tree-table-model',\n  props: {\n    title: {\n      type: [Object, String]\n    },\n    overHeight: {\n      type: Number,\n      default: 0\n    },\n    treeMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    searchMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    buttonGroupMeta: {\n      typeof: Object,\n      default: () => ({})\n    },\n    tableMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    createMeta: {\n      type: Object\n    },\n    editMeta: {\n      type: Object\n    }\n  },\n  provide () {\n    return {\n      requestTreeData: this.requestTreeData,\n      requestTableData: this.requestTableData,\n      [CONTEXT]: () => {\n        return {\n          exposed: { ...this.exposed }\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      tableHeight: 0,\n      tableWidth: 0,\n      modalFormMeta: {},\n      modalFormValue: false,\n      treeData: [],\n      tableData: [],\n      defaultExpandedKeys: [],\n      defaultSelectedKeys: [],\n      replaceFields: {\n        title: 'title',\n        children: 'children',\n        key: 'id'\n      },\n      loading: false,\n      total: 0,\n      tableQuerys: {},\n      resizeObserverModelTableWrapper: null,\n      modelTableWrapperHeight: 0,\n      currentTreeNodeData: {},\n      currentRowData: {},\n      treeWrapperHeight: 0,\n      currentTableSelection: this.currentTableMode == 'radio' ? {} : [],\n      showFsmModal: false,\n      fsmMeta: {},\n      fsmContextProp: {}\n    }\n  },\n  computed: {\n    rowSelection () {\n      if (!this.currentTableMode) return void 0\n      return {\n        columnTitle: this.currentSelectionColumn.columnTitle,\n        fixed: true,\n        type: this.currentTableMode,\n        onChange: this.onChangeTableSelection\n      }\n    },\n    currentSelectionColumn () {\n      const { multiple } = this.tableMeta\n      const target = this.columns.find(item => Object.keys(item).includes('multiple'))\n      const isGlobalExistMultiple = Object.keys(this.tableMeta).includes('multiple')\n      if (target) {\n        return target\n      } else if (isGlobalExistMultiple) {\n        return { multiple }\n      }\n      return void 0\n    },\n    x () {\n      const { x } = this.tableMeta\n      return x\n    },\n    y () {\n      const { y } = this.tableMeta\n      return y\n    },\n    currentTableMode () {\n      if (!this.currentSelectionColumn) return void 0\n      const { multiple } = this.currentSelectionColumn\n      if (type.isBool(multiple)) {\n        if (multiple) {\n          return 'checkbox'\n        } else {\n          return 'radio'\n        }\n      } else {\n        return void 0\n      }\n    },\n    modelTableContainerRef () {\n      return uuidv4()\n    },\n    titleMode () {\n      if (type.isObject(this.title)) {\n        const { mode = '' } = this.title\n        return mode\n      }\n      return void 0\n    },\n    tableRef () {\n      return uuidv4()\n    },\n    exposed () {\n      return {\n        currentTableSelection: this.currentTableSelection,\n        currentTreeNode: this.currentTreeNodeData,\n        requestTableData: this.requestTableData,\n        querys: this.tableQuerys,\n        currentRowData: this.currentRowData,\n        setCurrentRowData: this.setCurrentRowData,\n        setCurrentTableSelection: this.setCurrentTableSelection\n      }\n    },\n    overrideTableEvent () {\n      const events = this.actions.reduce((ret, action) => {\n        ret[action.eventName] = (e) => {\n          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.EDIT]: this[BUILT_IN_EVENT_NAMES.EDIT]\n      }\n    },\n    overrideModalFormEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    overrideButtonGroupEvent () {\n      const events = this.getButtonGroupElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.$emit(ele.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.CREATE]: this[BUILT_IN_EVENT_NAMES.CREATE]\n      }\n    },\n    showTree () {\n      return !!Object.keys(this.treeMeta).length\n    },\n    buttonGroup () {\n      return uuidv4()\n    },\n    searchArea () {\n      return uuidv4()\n    },\n    modelTreeWrapper () {\n      return uuidv4()\n    },\n    modelTableWrapper () {\n      return uuidv4()\n    },\n    actions () {\n      const { operations } = this.tableMeta\n      if (operations) {\n        return operations.elements\n      } else {\n        return []\n      }\n    },\n    pageSize () {\n      const { page = {} } = this.tableMeta\n      return page.pageSize || 10\n    },\n    pageSizeOptions () {\n      const { page = {} } = this.tableMeta\n      return page.pageSizeOptions || ['10', '20', '30', '40']\n    },\n    columns () {\n      const { columns, operations } = this.tableMeta\n      if (type.get(columns) === 'array') {\n        const columnsOptions = columns.map(item => {\n          const { mode = 'text' } = item\n          if (item.render) {\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, \n                  { h: $createElement, ctx: this },\n                  text ? typeof text == 'object' ? text[item.dataIndex] : text : '', \n                  record, index)\n              }\n            }\n          } else if (mode !== BUILT_IN_TRIGGER.TEXT) {\n            const { [`${mode}Meta`]: modeMeta } = item\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                return <span onClick={() => this.dispatchTrigger({ mode, record, modeMeta, index })} class={ mode }>{ text }</span>\n              }\n            }\n          }\n          return {\n            ...item\n          }\n        })\n        if (operations) {\n          return [\n            ...columnsOptions,\n            {\n              title: '操作',\n              width: operations.width,\n              key: 'action',\n              fixed: 'right',\n              scopedSlots: { customRender: 'action' }\n            }\n          ]\n        }\n        return columnsOptions\n      } else {\n        console.error('Error: columns is invalid, please check it')\n        return []\n      }\n    },\n    getButtonGroupElements () {\n      const { elements } = this.buttonGroupMeta\n      if (type.get(elements) === 'function') {\n        return elements.call(this)\n      } else if (type.get(elements) === 'array') {\n        return elements\n      } else {\n        return []\n      }\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.currentTreeNodeData = defaultTreeNode\n    }\n    const { params = {}, fieldMap = {}, overrideInit = false } = this.tableMeta\n    const ctx = { ...this.currentTreeNodeData, _route: this.$route.query }\n    const initQuerys = Object.assign({}, params, parseFieldMap(fieldMap, ctx))\n    if (overrideInit) {\n      this.$emit(RESERVE_EVENT_NAMES.INIT, { ...this.exposed })\n    } else {\n      this.tableData = await this.requestTableData(initQuerys)\n    }\n  },\n  methods: {\n    dispatchTrigger ({ mode, record = {}, modeMeta = { } }) {\n      switch (mode) {\n        case BUILT_IN_TRIGGER.FSM:\n          this[`${BUILT_IN_TRIGGER.FSM}Trigger`](record, modeMeta = { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          })\n          break\n        default:\n          break\n      }\n    },\n    handleCloseFsmModal () {\n      this.showFsmModal = false\n    },\n    [`${BUILT_IN_TRIGGER.FSM}Trigger`] (record, meta) {\n      this.fsmMeta = meta\n      this.fsmContextProp = record\n      this.showFsmModal = true\n    },\n    onChangeTableSelection (_, selectedRows = []) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = selectedRows[0]\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      } else {\n        this.currentTableSelection = selectedRows\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      }\n    },\n    setCurrentTableSelection (props = {}) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = type.isObject(props) ? props : {}\n      } else {\n        this.currentTableSelection = type.isArray(props) ? props : []\n      }\n    },\n    setCurrentRowData (props = {}) {\n      this.currentRowData = props\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {\n      const { record = {} } = props\n      this.currentRowData = record\n      this.modalFormMeta = this.editMeta\n      this.modalFormValue = true\n    },\n    [BUILT_IN_EVENT_NAMES.CREATE] () {\n      this.modalFormMeta = this.createMeta\n      this.modalFormValue = true\n    },\n    handleClickButtonGroup (props) {\n      const { eventName } = props\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\n    },\n    watchViewPort () {\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\n      console.log(modelTableWrapper.getBoundingClientRect())\n      const { top } = modelTableWrapper.getBoundingClientRect()\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\n    },\n    async onSearch (props) {\n      const { overrideInit = false } = this.tableMeta\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData()\n      }\n    },\n    execTableFieldMap (fieldMap = {}, props) {\n      let ret = {}\n      const keys = Object.keys(fieldMap)\n      keys.forEach(key => {\n        const field = fieldMap[key]\n        ret[field] = props[key]\n      })\n      return ret\n    },\n    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\n      const { overrideInit = false } = this.tableMeta\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData(execFieldMapRet)\n      }\n    },\n    async requestTreeData () {\n      const { url, requestType = 'GET', params = {}, fieldMap = {} } = this.treeMeta\n      const fieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, _route: this.$route.query })\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        { ...params, ...fieldMapRet }\n      ).then(resp => {\n        const { data } = resp || {}\n        return data\n      })\n      return ret\n    },\n    async onChangePage (page, pageSize) {\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\n    },\n    async requestTableData (props = {}) {\n      const { url, requestType = 'GET', page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      this.$emit(RESERVE_EVENT_NAMES.WATCH, { ...this.exposed })\n      this.loading = true\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        this.loading = false\n        return (data || []).map(item => {\n          delete item.children\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      this.tableData = ret\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    calculateTableHeight () {\n      const currentViewportHeight = window.innerHeight\n      const tableRef = this.$refs[this.tableRef]\n      const { top: tableToTop, width } = tableRef.$el.getBoundingClientRect()\n      this.tableWidth = width\n      this.tableHeight = currentViewportHeight - tableToTop - this.overHeight\n    },\n    calculateTreeHeight () {\n      if (!this.showTree) return\n      const modelTableContainerRef = this.$refs[this.modelTableContainerRef]\n      const { height } = modelTableContainerRef.getBoundingClientRect()\n      this.treeWrapperHeight = height\n    }\n  },\n  mounted () {\n    this.calculateTableHeight()\n    this.$nextTick(() => {\n      this.calculateTreeHeight()\n    })\n    this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n      for (const _ of entries) {\n        requestAnimationFrame(() => {\n          this.calculateTableHeight()\n        })\n      }\n    })\n    this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  },\n  destroyed () {\n    this.resizeObserverModelTableWrapper.disconnect()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele {\n  &.model__tree-table {\n    background: transparent;                                                                                                                                                                                                                 \n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    .model__tree-table--container {\n      .model__tree--wrapper {\n        width: 240px;\n        background: #fff;\n        flex-shrink: 0;\n        padding: 16px;\n        box-sizing: border-box;\n        margin-right: 16px;\n        overflow-y: auto;\n      }\n    }\n    .model__table--container {\n      width: 100%;\n      min-width: 0;\n      background: #fff;\n      .model__table--title {\n        .model__table-title--bar {\n          width: 100%;\n          height: 8px;\n          background: var(--idooel-primary-color);\n          border-top-left-radius: 4px;\n          border-top-right-radius: 4px;\n        }\n        .model__table-title--text {\n          text-align: left;\n          padding: 16px;\n          font-size: 16px;\n          font-weight: bold;\n          background: #fff;\n          border-bottom: 1px solid;\n          border-color: var(--idoole-black-016);\n        }\n      }\n      .model__table--wrapper {\n        background: #fff;\n        .button-row__area {\n          width: 100%;\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          padding-top: 16px;\n          padding-bottom: 8px;\n          padding-right: 16px;\n        }\n        .g-table__wrapper {\n          .fsm {\n            cursor: pointer;\n            color: var(--idooel-primary-color);\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n",".ele.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$y = "data-v-8491f498";
+  const __vue_scope_id__$y = "data-v-392fecc2";
   /* module identifier */
   const __vue_module_identifier__$y = undefined;
   /* functional template */
@@ -11296,6 +11314,7 @@ var script$a = {
       return dataSource;
     },
     buildDefaultValue(arg) {
+      if (type.notStr(arg)) return arg;
       if (!arg || arg.charAt(0) !== '_') return arg;
       return parse(arg, {
         _route: this.$route.query
@@ -11305,7 +11324,12 @@ var script$a = {
       this.dataSource.forEach(props => {
         this.$set(props, '_show', this.isExpand);
         if (props.defaultValue) {
-          this.$set(props, '_value', this.buildDefaultValue(props.defaultValue));
+          if (type.isFunction(props.defaultValue)) {
+            const ret = props.defaultValue.call(this);
+            this.$set(props, '_value', this.buildDefaultValue(ret));
+          } else {
+            this.$set(props, '_value', this.buildDefaultValue(props.defaultValue));
+          }
         }
       });
       return this.dataSource;
@@ -11587,11 +11611,11 @@ __vue_render__$a._withStripped = true;
   /* style */
   const __vue_inject_styles__$a = function (inject) {
     if (!inject) return
-    inject("data-v-056ec29f_0", { source: ".search-area__wrapper[data-v-056ec29f] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-056ec29f]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-056ec29f] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action[data-v-056ec29f] {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse[data-v-056ec29f] {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text[data-v-056ec29f] {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon[data-v-056ec29f] {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/index.vue","index.vue"],"names":[],"mappings":"AAiMA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;AChMA;ADkMA;EACA,YAAA;AChMA;ADmMA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACjMA;ADkMA;EACA,oBAAA;AChMA;ADkMA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;AChMA;ADiMA;EACA,eAAA;AC/LA;ADiMA;EACA,eAAA;EACA,gBAAA;AC/LA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"search-area__wrapper\">\n    <a-row :gutter=\"gutter\">\n      <template v-for=\"(item, idx) in innerDataSource\">\n        <a-col v-if=\"item._show\" :span=\"item.span || span\" :key=\"idx\">\n          <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\n            <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\n            <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\n            <div v-if=\"innerDataSource.length > cuttingFormula + 1\" class=\"expand-collapse\" @click=\"handleClickExpandCollapse\">\n              <span class=\"expand-collapse__text\">{{ isExpand ? '收起' : '展开' }}</span>\n              <span class=\"expand-collapse__icon\">\n                <a-icon v-if=\"isExpand\" type=\"up\" />\n                <a-icon v-else type=\"down\" />\n              </span>\n            </div>\n          </div>\n          <div v-else class=\"search-area__item\">\n            <template v-if=\"(item.type == 'ele-input') || (item.type == 'Input')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-input v-model=\"item._value\"></ele-input>\n            </template>\n            <template v-else-if=\"(item.type == 'ele-select') || (item.type == 'Select')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-select v-model=\"item._value\" :multiple=\"item.multiple\" :data-source=\"item.optionList\"></ele-select>\n            </template>\n            <template v-else-if=\"(item.type == 'ele-date') || (item.type == 'DatePicker')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date v-model=\"item._value\" :placeholder=\"item.placeholder\" :format=\"item.format\"></ele-date>\n            </template>\n            <template v-else-if=\"item.type == 'ele-date-range'\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date-range v-model=\"item._value\" :format=\"item.format\" :show-time=\"item.showTime\"></ele-date-range>\n            </template>\n          </div>\n        </a-col>\n      </template>\n    </a-row>\n  </div>\n</template>\n\n<script>\nimport Label from './label.vue'\nimport moment from 'moment'\nimport { parse } from '@idooel/expression'\nexport default {\n  name: 'ele-search-area',\n  components: {\n    Label\n  },\n  props: {\n    gutter: {\n      type: [Number, Array, Object],\n      default: () => ([\n        16, 8\n      ])\n    },\n    span: {\n      type: Number,\n      default: 8\n    },\n    dataSource: {\n      type: Array,\n      required: true\n    }\n  },\n  data() {\n    return {\n      isExpand: false\n    }\n  },\n  computed: {\n    cuttingFormula () {\n      return (24 / this.span - 1)\n    },\n    buildDataSource () {\n      return this.controlDisplayByFormula(this.mapDefaultValueToValue())\n    },\n    innerDataSource () {\n      return [ ...this.buildDataSource, { type: '_action', _show: true }]\n    }\n  },\n  created() {\n    const querys = this.extractValues()\n    this.$emit('search', querys)\n  },\n  methods: {\n    controlDisplayByFormula (dataSource = []) {\n      if (this.isExpand) {\n        dataSource.forEach(item => {\n          this.$set(item, '_show', true)\n        })\n      } else {\n        dataSource.forEach((item, idx) => {\n          if (idx < this.cuttingFormula) {\n            this.$set(item, '_show', true)\n          } else {\n            this.$set(item, '_show', false)\n          }\n        })\n      }\n      return dataSource\n    },\n    buildDefaultValue (arg) {\n      if (!arg || arg.charAt(0) !== '_') return arg\n      return parse(arg, {\n        _route: this.$route.query\n      })\n    },\n    mapDefaultValueToValue () {\n      this.dataSource.forEach(props => {\n        this.$set(props, '_show', this.isExpand)\n        if (props.defaultValue) {\n          this.$set(props, '_value', this.buildDefaultValue(props.defaultValue))\n        }\n      })\n      return this.dataSource\n    },\n    handleClickExpandCollapse () {\n      this.isExpand = !this.isExpand\n    },\n    handleClickSearch () {\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    buildMapto (mapTo = [], dataSource) {\n      const [ startField, endField ] = mapTo\n      const [ startValue, endValue ] = dataSource || [null, null]\n      return {\n        [startField]: startValue,\n        [endField]: endValue\n      }\n    },\n    extractValues () {\n      let ret = {}\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        switch (item.type) {\n          case 'DatePicker':\n            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format)\n            break\n          case 'ele-date-range':\n            if (item.mapTo) {\n              Object.assign(ret, this.buildMapto(item.mapTo, item._value))\n            } else {\n              ret[item.name] = (item._value || []).join(',')\n            }\n            break\n          default:\n            ret[item.name] = item._value\n            break\n        }\n      })\n      return ret\n    },\n    cleanValues () {\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        const { defaultValue } = item\n        switch (item.type) {\n          case 'Select':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n          case 'DatePicker':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', undefined)\n            break\n          case 'ele-date-range':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', [])\n            break\n          default:\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n        }\n      })\n    },\n    handleClickReset () {\n      this.cleanValues()\n      //TODO defaultValue\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    onChangeSelect (value, props) {\n      this.$set(props, '_value', value)\n    }\n  },\n  destroyed () {\n    this.cleanValues()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n  ::v-deep .ant-col {\n    &:last-child {\n      float: right;\n    }\n  }\n  .search-area__item {\n    height: 32px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    &.search-area--action {\n      justify-content: end;\n    }\n    .expand-collapse {\n      margin-left: 8px;\n      height: 32px;\n      padding: 4px 16px;\n      color: var(--idooel-primary-color);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      .expand-collapse__text {\n        font-size: 14px;\n      }\n      .expand-collapse__icon {\n        font-size: 16px;\n        margin-left: 8px;\n      }\n    }\n  }\n}\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-c447c0e0_0", { source: ".search-area__wrapper[data-v-c447c0e0] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-c447c0e0]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-c447c0e0] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action[data-v-c447c0e0] {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse[data-v-c447c0e0] {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text[data-v-c447c0e0] {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon[data-v-c447c0e0] {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/index.vue","index.vue"],"names":[],"mappings":"AAwMA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;ACvMA;ADyMA;EACA,YAAA;ACvMA;AD0MA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACxMA;ADyMA;EACA,oBAAA;ACvMA;ADyMA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;ACvMA;ADwMA;EACA,eAAA;ACtMA;ADwMA;EACA,eAAA;EACA,gBAAA;ACtMA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"search-area__wrapper\">\n    <a-row :gutter=\"gutter\">\n      <template v-for=\"(item, idx) in innerDataSource\">\n        <a-col v-if=\"item._show\" :span=\"item.span || span\" :key=\"idx\">\n          <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\n            <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\n            <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\n            <div v-if=\"innerDataSource.length > cuttingFormula + 1\" class=\"expand-collapse\" @click=\"handleClickExpandCollapse\">\n              <span class=\"expand-collapse__text\">{{ isExpand ? '收起' : '展开' }}</span>\n              <span class=\"expand-collapse__icon\">\n                <a-icon v-if=\"isExpand\" type=\"up\" />\n                <a-icon v-else type=\"down\" />\n              </span>\n            </div>\n          </div>\n          <div v-else class=\"search-area__item\">\n            <template v-if=\"(item.type == 'ele-input') || (item.type == 'Input')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-input v-model=\"item._value\"></ele-input>\n            </template>\n            <template v-else-if=\"(item.type == 'ele-select') || (item.type == 'Select')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-select v-model=\"item._value\" :multiple=\"item.multiple\" :data-source=\"item.optionList\"></ele-select>\n            </template>\n            <template v-else-if=\"(item.type == 'ele-date') || (item.type == 'DatePicker')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date v-model=\"item._value\" :placeholder=\"item.placeholder\" :format=\"item.format\"></ele-date>\n            </template>\n            <template v-else-if=\"item.type == 'ele-date-range'\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date-range v-model=\"item._value\" :format=\"item.format\" :show-time=\"item.showTime\"></ele-date-range>\n            </template>\n          </div>\n        </a-col>\n      </template>\n    </a-row>\n  </div>\n</template>\n\n<script>\nimport Label from './label.vue'\nimport moment from 'moment'\nimport { parse } from '@idooel/expression'\nimport { type } from '@idooel/shared'\nexport default {\n  name: 'ele-search-area',\n  components: {\n    Label\n  },\n  props: {\n    gutter: {\n      type: [Number, Array, Object],\n      default: () => ([\n        16, 8\n      ])\n    },\n    span: {\n      type: Number,\n      default: 8\n    },\n    dataSource: {\n      type: Array,\n      required: true\n    }\n  },\n  data() {\n    return {\n      isExpand: false\n    }\n  },\n  computed: {\n    cuttingFormula () {\n      return (24 / this.span - 1)\n    },\n    buildDataSource () {\n      return this.controlDisplayByFormula(this.mapDefaultValueToValue())\n    },\n    innerDataSource () {\n      return [ ...this.buildDataSource, { type: '_action', _show: true }]\n    }\n  },\n  created() {\n    const querys = this.extractValues()\n    this.$emit('search', querys)\n  },\n  methods: {\n    controlDisplayByFormula (dataSource = []) {\n      if (this.isExpand) {\n        dataSource.forEach(item => {\n          this.$set(item, '_show', true)\n        })\n      } else {\n        dataSource.forEach((item, idx) => {\n          if (idx < this.cuttingFormula) {\n            this.$set(item, '_show', true)\n          } else {\n            this.$set(item, '_show', false)\n          }\n        })\n      }\n      return dataSource\n    },\n    buildDefaultValue (arg) {\n      if (type.notStr(arg)) return arg\n      if (!arg || arg.charAt(0) !== '_') return arg\n      return parse(arg, {\n        _route: this.$route.query\n      })\n    },\n    mapDefaultValueToValue () {\n      this.dataSource.forEach(props => {\n        this.$set(props, '_show', this.isExpand)\n        if (props.defaultValue) {\n          if (type.isFunction(props.defaultValue)) {\n            const ret = props.defaultValue.call(this)\n            this.$set(props, '_value', this.buildDefaultValue(ret))\n          } else {\n            this.$set(props, '_value', this.buildDefaultValue(props.defaultValue))\n          }\n        }\n      })\n      return this.dataSource\n    },\n    handleClickExpandCollapse () {\n      this.isExpand = !this.isExpand\n    },\n    handleClickSearch () {\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    buildMapto (mapTo = [], dataSource) {\n      const [ startField, endField ] = mapTo\n      const [ startValue, endValue ] = dataSource || [null, null]\n      return {\n        [startField]: startValue,\n        [endField]: endValue\n      }\n    },\n    extractValues () {\n      let ret = {}\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        switch (item.type) {\n          case 'DatePicker':\n            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format)\n            break\n          case 'ele-date-range':\n            if (item.mapTo) {\n              Object.assign(ret, this.buildMapto(item.mapTo, item._value))\n            } else {\n              ret[item.name] = (item._value || []).join(',')\n            }\n            break\n          default:\n            ret[item.name] = item._value\n            break\n        }\n      })\n      return ret\n    },\n    cleanValues () {\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        const { defaultValue } = item\n        switch (item.type) {\n          case 'Select':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n          case 'DatePicker':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', undefined)\n            break\n          case 'ele-date-range':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', [])\n            break\n          default:\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n        }\n      })\n    },\n    handleClickReset () {\n      this.cleanValues()\n      //TODO defaultValue\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    onChangeSelect (value, props) {\n      this.$set(props, '_value', value)\n    }\n  },\n  destroyed () {\n    this.cleanValues()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n  ::v-deep .ant-col {\n    &:last-child {\n      float: right;\n    }\n  }\n  .search-area__item {\n    height: 32px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    &.search-area--action {\n      justify-content: end;\n    }\n    .expand-collapse {\n      margin-left: 8px;\n      height: 32px;\n      padding: 4px 16px;\n      color: var(--idooel-primary-color);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      .expand-collapse__text {\n        font-size: 14px;\n      }\n      .expand-collapse__icon {\n        font-size: 16px;\n        margin-left: 8px;\n      }\n    }\n  }\n}\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$a = "data-v-056ec29f";
+  const __vue_scope_id__$a = "data-v-c447c0e0";
   /* module identifier */
   const __vue_module_identifier__$a = undefined;
   /* functional template */
@@ -11831,6 +11855,9 @@ var script$8 = {
   inject: {
     context: {
       default: () => ({})
+    },
+    [CONTEXT]: {
+      default: () => () => {}
     }
   },
   computed: {
@@ -11953,8 +11980,13 @@ var script$8 = {
       return this.$refs[this.formRef] ? this.$refs[this.formRef].getFieldsValue() : {};
     },
     execFieldMap(fieldMap = {}, dataSource = {}) {
+      const contxtData = this[CONTEXT].call(this);
+      const {
+        exposed = {}
+      } = contxtData;
       const ret = parseFieldMap(fieldMap, {
         _route: this.$route.query,
+        ...exposed,
         ...dataSource
       });
       return ret;
@@ -12037,7 +12069,7 @@ var script$8 = {
         data
       } = await net[requestType.toLowerCase()](url, {
         ...params,
-        ...fieldMap
+        ...this.execFieldMap(fieldMap)
       }, {
         ...headers
       });

package/dist/@idooel/components.umd.js

@@ -2292,8 +2292,9 @@
         resizeObserverModelTableWrapper: null,
         modelTableWrapperHeight: 0,
         currentTreeNodeData: {},
+        currentRowData: {},
         treeWrapperHeight: 0,
-        currentTableSelection: {},
+        currentTableSelection: this.currentTableMode == 'radio' ? {} : [],
         showFsmModal: false,
         fsmMeta: {},
         fsmContextProp: {}
@@ -2371,7 +2372,10 @@
           currentTableSelection: this.currentTableSelection,
           currentTreeNode: this.currentTreeNodeData,
           requestTableData: this.requestTableData,
-          querys: this.tableQuerys
+          querys: this.tableQuerys,
+          currentRowData: this.currentRowData,
+          setCurrentRowData: this.setCurrentRowData,
+          setCurrentTableSelection: this.setCurrentTableSelection
         };
       },
       overrideTableEvent() {
@@ -2582,7 +2586,7 @@
         this.fsmContextProp = record;
         this.showFsmModal = true;
       },
-      onChangeTableSelection(_, selectedRows) {
+      onChangeTableSelection(_, selectedRows = []) {
         if (this.currentTableMode === 'radio') {
           this.currentTableSelection = selectedRows[0];
           this.$emit('on-change-table-selection', this.currentTableSelection);
@@ -2591,7 +2595,21 @@
           this.$emit('on-change-table-selection', this.currentTableSelection);
         }
       },
-      [BUILT_IN_EVENT_NAMES.EDIT]() {
+      setCurrentTableSelection(props = {}) {
+        if (this.currentTableMode === 'radio') {
+          this.currentTableSelection = shared.type.isObject(props) ? props : {};
+        } else {
+          this.currentTableSelection = shared.type.isArray(props) ? props : [];
+        }
+      },
+      setCurrentRowData(props = {}) {
+        this.currentRowData = props;
+      },
+      [BUILT_IN_EVENT_NAMES.EDIT](props = {}) {
+        const {
+          record = {}
+        } = props;
+        this.currentRowData = record;
         this.modalFormMeta = this.editMeta;
         this.modalFormValue = true;
       },
@@ -2930,11 +2948,11 @@
     /* style */
     const __vue_inject_styles__$y = function (inject) {
       if (!inject) return
-      inject("data-v-8491f498_0", { source: ".ele.model__tree-table[data-v-8491f498] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper[data-v-8491f498] {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container[data-v-8491f498] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar[data-v-8491f498] {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text[data-v-8491f498] {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-8491f498] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-8491f498] {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm[data-v-8491f498] {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/models/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AAweA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;ACveA;ADyeA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;ACveA;AD0eA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;ACxeA;AD0eA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;ACxeA;AD0eA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;ACxeA;AD2eA;EACA,gBAAA;ACzeA;AD0eA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;ACxeA;AD2eA;EACA,eAAA;EACA,kCAAA;ACzeA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <section class=\"ele model__tree-table\">\n    <section class=\"model__tree-table--container\" v-if=\"showTree\">\n      <div class=\"model__tree--title\"></div>\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\" :style=\"{height: `${treeWrapperHeight}px`}\">\n        <ele-tree\n          :tree-data=\"treeData\"\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\n          @select=\"selectTreeNode\"\n          :replace-fields=\"treeMeta.replaceFields || replaceFields\">\n        </ele-tree>\n      </section>\n    </section>\n    <section class=\"model__table--container\" :ref=\"modelTableContainerRef\">\n      <div class=\"model__table--title\" v-if=\"title\">\n        <template v-if=\"titleMode\">\n          <div :class=\"[`model__table-title--${titleMode}`]\"></div>\n        </template>\n        <template v-else>\n          <div class=\"model__table-title--text\">{{ title }}</div>\n        </template>\n      </div>\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\n        <div class=\"button-row__area\">\n          <ele-button-group class=\"model-table__button-group\" v-on=\"overrideButtonGroupEvent\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n          <slot name=\"tags\"></slot>\n          <slot name=\"sub-center\"></slot>\n        </div>\n        <ele-table\n          v-on=\"overrideTableEvent\"\n          :ref=\"tableRef\"\n          :row-selection=\"rowSelection\"\n          :loading=\"loading\" \n          :columns=\"columns\"\n          :total=\"total\"\n          :x=\"x\"\n          :y=\"y\"\n          :height=\"tableHeight\"\n          :width=\"tableWidth\"\n          :actions=\"actions\"\n          :pageSize=\"pageSize\"\n          :pageSizeOptions=\"pageSizeOptions\"\n          :data-source=\"tableData\"\n          @change-page=\"onChangePage\"\n        ></ele-table>\n      </section>\n    </section>\n    <ele-modal-form v-model=\"modalFormValue\" v-on=\"overrideModalFormEvent\" :meta=\"modalFormMeta\"></ele-modal-form>\n    <ele-modal-fsm v-model=\"showFsmModal\" :contextProp=\"fsmContextProp\" :meta=\"fsmMeta\" @cancel=\"handleCloseFsmModal\"></ele-modal-fsm>\n  </section>\n</template>\n\n<script>\nimport { type, net } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nimport { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap, BUILT_IN_TRIGGER, CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-tree-table-model',\n  props: {\n    title: {\n      type: [Object, String]\n    },\n    overHeight: {\n      type: Number,\n      default: 0\n    },\n    treeMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    searchMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    buttonGroupMeta: {\n      typeof: Object,\n      default: () => ({})\n    },\n    tableMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    createMeta: {\n      type: Object\n    },\n    editMeta: {\n      type: Object\n    }\n  },\n  provide () {\n    return {\n      requestTreeData: this.requestTreeData,\n      requestTableData: this.requestTableData,\n      [CONTEXT]: () => {\n        return {\n          exposed: { ...this.exposed }\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      tableHeight: 0,\n      tableWidth: 0,\n      modalFormMeta: {},\n      modalFormValue: false,\n      treeData: [],\n      tableData: [],\n      defaultExpandedKeys: [],\n      defaultSelectedKeys: [],\n      replaceFields: {\n        title: 'title',\n        children: 'children',\n        key: 'id'\n      },\n      loading: false,\n      total: 0,\n      tableQuerys: {},\n      resizeObserverModelTableWrapper: null,\n      modelTableWrapperHeight: 0,\n      currentTreeNodeData: {},\n      treeWrapperHeight: 0,\n      currentTableSelection: {},\n      showFsmModal: false,\n      fsmMeta: {},\n      fsmContextProp: {}\n    }\n  },\n  computed: {\n    rowSelection () {\n      if (!this.currentTableMode) return void 0\n      return {\n        columnTitle: this.currentSelectionColumn.columnTitle,\n        fixed: true,\n        type: this.currentTableMode,\n        onChange: this.onChangeTableSelection\n      }\n    },\n    currentSelectionColumn () {\n      const { multiple } = this.tableMeta\n      const target = this.columns.find(item => Object.keys(item).includes('multiple'))\n      const isGlobalExistMultiple = Object.keys(this.tableMeta).includes('multiple')\n      if (target) {\n        return target\n      } else if (isGlobalExistMultiple) {\n        return { multiple }\n      }\n      return void 0\n    },\n    x () {\n      const { x } = this.tableMeta\n      return x\n    },\n    y () {\n      const { y } = this.tableMeta\n      return y\n    },\n    currentTableMode () {\n      if (!this.currentSelectionColumn) return void 0\n      const { multiple } = this.currentSelectionColumn\n      if (type.isBool(multiple)) {\n        if (multiple) {\n          return 'checkbox'\n        } else {\n          return 'radio'\n        }\n      } else {\n        return void 0\n      }\n    },\n    modelTableContainerRef () {\n      return uuidv4()\n    },\n    titleMode () {\n      if (type.isObject(this.title)) {\n        const { mode = '' } = this.title\n        return mode\n      }\n      return void 0\n    },\n    tableRef () {\n      return uuidv4()\n    },\n    exposed () {\n      return {\n        currentTableSelection: this.currentTableSelection,\n        currentTreeNode: this.currentTreeNodeData,\n        requestTableData: this.requestTableData,\n        querys: this.tableQuerys\n      }\n    },\n    overrideTableEvent () {\n      const events = this.actions.reduce((ret, action) => {\n        ret[action.eventName] = (e) => {\n          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.EDIT]: this[BUILT_IN_EVENT_NAMES.EDIT]\n      }\n    },\n    overrideModalFormEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    overrideButtonGroupEvent () {\n      const events = this.getButtonGroupElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.$emit(ele.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.CREATE]: this[BUILT_IN_EVENT_NAMES.CREATE]\n      }\n    },\n    showTree () {\n      return !!Object.keys(this.treeMeta).length\n    },\n    buttonGroup () {\n      return uuidv4()\n    },\n    searchArea () {\n      return uuidv4()\n    },\n    modelTreeWrapper () {\n      return uuidv4()\n    },\n    modelTableWrapper () {\n      return uuidv4()\n    },\n    actions () {\n      const { operations } = this.tableMeta\n      if (operations) {\n        return operations.elements\n      } else {\n        return []\n      }\n    },\n    pageSize () {\n      const { page = {} } = this.tableMeta\n      return page.pageSize || 10\n    },\n    pageSizeOptions () {\n      const { page = {} } = this.tableMeta\n      return page.pageSizeOptions || ['10', '20', '30', '40']\n    },\n    columns () {\n      const { columns, operations } = this.tableMeta\n      if (type.get(columns) === 'array') {\n        const columnsOptions = columns.map(item => {\n          const { mode = 'text' } = item\n          if (item.render) {\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, \n                  { h: $createElement, ctx: this },\n                  text ? typeof text == 'object' ? text[item.dataIndex] : text : '', \n                  record, index)\n              }\n            }\n          } else if (mode !== BUILT_IN_TRIGGER.TEXT) {\n            const { [`${mode}Meta`]: modeMeta } = item\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                return <span onClick={() => this.dispatchTrigger({ mode, record, modeMeta, index })} class={ mode }>{ text }</span>\n              }\n            }\n          }\n          return {\n            ...item\n          }\n        })\n        if (operations) {\n          return [\n            ...columnsOptions,\n            {\n              title: '操作',\n              width: operations.width,\n              key: 'action',\n              fixed: 'right',\n              scopedSlots: { customRender: 'action' }\n            }\n          ]\n        }\n        return columnsOptions\n      } else {\n        console.error('Error: columns is invalid, please check it')\n        return []\n      }\n    },\n    getButtonGroupElements () {\n      const { elements } = this.buttonGroupMeta\n      if (type.get(elements) === 'function') {\n        return elements.call(this)\n      } else if (type.get(elements) === 'array') {\n        return elements\n      } else {\n        return []\n      }\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.currentTreeNodeData = defaultTreeNode\n    }\n    const { params = {}, fieldMap = {}, overrideInit = false } = this.tableMeta\n    const ctx = { ...this.currentTreeNodeData, _route: this.$route.query }\n    const initQuerys = Object.assign({}, params, parseFieldMap(fieldMap, ctx))\n    if (overrideInit) {\n      this.$emit(RESERVE_EVENT_NAMES.INIT, { ...this.exposed })\n    } else {\n      this.tableData = await this.requestTableData(initQuerys)\n    }\n  },\n  methods: {\n    dispatchTrigger ({ mode, record = {}, modeMeta = { } }) {\n      switch (mode) {\n        case BUILT_IN_TRIGGER.FSM:\n          this[`${BUILT_IN_TRIGGER.FSM}Trigger`](record, modeMeta = { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          })\n          break\n        default:\n          break\n      }\n    },\n    handleCloseFsmModal () {\n      this.showFsmModal = false\n    },\n    [`${BUILT_IN_TRIGGER.FSM}Trigger`] (record, meta) {\n      this.fsmMeta = meta\n      this.fsmContextProp = record\n      this.showFsmModal = true\n    },\n    onChangeTableSelection (_, selectedRows) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = selectedRows[0]\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      } else {\n        this.currentTableSelection = selectedRows\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      }\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] () {\n      this.modalFormMeta = this.editMeta\n      this.modalFormValue = true\n    },\n    [BUILT_IN_EVENT_NAMES.CREATE] () {\n      this.modalFormMeta = this.createMeta\n      this.modalFormValue = true\n    },\n    handleClickButtonGroup (props) {\n      const { eventName } = props\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\n    },\n    watchViewPort () {\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\n      console.log(modelTableWrapper.getBoundingClientRect())\n      const { top } = modelTableWrapper.getBoundingClientRect()\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\n    },\n    async onSearch (props) {\n      const { overrideInit = false } = this.tableMeta\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData()\n      }\n    },\n    execTableFieldMap (fieldMap = {}, props) {\n      let ret = {}\n      const keys = Object.keys(fieldMap)\n      keys.forEach(key => {\n        const field = fieldMap[key]\n        ret[field] = props[key]\n      })\n      return ret\n    },\n    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\n      const { overrideInit = false } = this.tableMeta\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData(execFieldMapRet)\n      }\n    },\n    async requestTreeData () {\n      const { url, requestType = 'GET', params = {}, fieldMap = {} } = this.treeMeta\n      const fieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, _route: this.$route.query })\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        { ...params, ...fieldMapRet }\n      ).then(resp => {\n        const { data } = resp || {}\n        return data\n      })\n      return ret\n    },\n    async onChangePage (page, pageSize) {\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\n    },\n    async requestTableData (props = {}) {\n      const { url, requestType = 'GET', page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      this.$emit(RESERVE_EVENT_NAMES.WATCH, { ...this.exposed })\n      this.loading = true\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        this.loading = false\n        return (data || []).map(item => {\n          delete item.children\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      this.tableData = ret\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    calculateTableHeight () {\n      const currentViewportHeight = window.innerHeight\n      const tableRef = this.$refs[this.tableRef]\n      const { top: tableToTop, width } = tableRef.$el.getBoundingClientRect()\n      this.tableWidth = width\n      this.tableHeight = currentViewportHeight - tableToTop - this.overHeight\n    },\n    calculateTreeHeight () {\n      if (!this.showTree) return\n      const modelTableContainerRef = this.$refs[this.modelTableContainerRef]\n      const { height } = modelTableContainerRef.getBoundingClientRect()\n      this.treeWrapperHeight = height\n    }\n  },\n  mounted () {\n    this.calculateTableHeight()\n    this.$nextTick(() => {\n      this.calculateTreeHeight()\n    })\n    this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n      for (const _ of entries) {\n        requestAnimationFrame(() => {\n          this.calculateTableHeight()\n        })\n      }\n    })\n    this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  },\n  destroyed () {\n    this.resizeObserverModelTableWrapper.disconnect()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele {\n  &.model__tree-table {\n    background: transparent;                                                                                                                                                                                                                 \n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    .model__tree-table--container {\n      .model__tree--wrapper {\n        width: 240px;\n        background: #fff;\n        flex-shrink: 0;\n        padding: 16px;\n        box-sizing: border-box;\n        margin-right: 16px;\n        overflow-y: auto;\n      }\n    }\n    .model__table--container {\n      width: 100%;\n      min-width: 0;\n      background: #fff;\n      .model__table--title {\n        .model__table-title--bar {\n          width: 100%;\n          height: 8px;\n          background: var(--idooel-primary-color);\n          border-top-left-radius: 4px;\n          border-top-right-radius: 4px;\n        }\n        .model__table-title--text {\n          text-align: left;\n          padding: 16px;\n          font-size: 16px;\n          font-weight: bold;\n          background: #fff;\n          border-bottom: 1px solid;\n          border-color: var(--idoole-black-016);\n        }\n      }\n      .model__table--wrapper {\n        background: #fff;\n        .button-row__area {\n          width: 100%;\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          padding-top: 16px;\n          padding-bottom: 8px;\n          padding-right: 16px;\n        }\n        .g-table__wrapper {\n          .fsm {\n            cursor: pointer;\n            color: var(--idooel-primary-color);\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n",".ele.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-392fecc2_0", { source: ".ele.model__tree-table[data-v-392fecc2] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper[data-v-392fecc2] {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container[data-v-392fecc2] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar[data-v-392fecc2] {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text[data-v-392fecc2] {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-392fecc2] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-392fecc2] {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm[data-v-392fecc2] {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/models/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AAwfA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;ACvfA;ADyfA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;ACvfA;AD0fA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;ACxfA;AD0fA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;ACxfA;AD0fA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;ACxfA;AD2fA;EACA,gBAAA;ACzfA;AD0fA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;ACxfA;AD2fA;EACA,eAAA;EACA,kCAAA;ACzfA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <section class=\"ele model__tree-table\">\n    <section class=\"model__tree-table--container\" v-if=\"showTree\">\n      <div class=\"model__tree--title\"></div>\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\" :style=\"{height: `${treeWrapperHeight}px`}\">\n        <ele-tree\n          :tree-data=\"treeData\"\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\n          @select=\"selectTreeNode\"\n          :replace-fields=\"treeMeta.replaceFields || replaceFields\">\n        </ele-tree>\n      </section>\n    </section>\n    <section class=\"model__table--container\" :ref=\"modelTableContainerRef\">\n      <div class=\"model__table--title\" v-if=\"title\">\n        <template v-if=\"titleMode\">\n          <div :class=\"[`model__table-title--${titleMode}`]\"></div>\n        </template>\n        <template v-else>\n          <div class=\"model__table-title--text\">{{ title }}</div>\n        </template>\n      </div>\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\n        <div class=\"button-row__area\">\n          <ele-button-group class=\"model-table__button-group\" v-on=\"overrideButtonGroupEvent\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n          <slot name=\"tags\"></slot>\n          <slot name=\"sub-center\"></slot>\n        </div>\n        <ele-table\n          v-on=\"overrideTableEvent\"\n          :ref=\"tableRef\"\n          :row-selection=\"rowSelection\"\n          :loading=\"loading\" \n          :columns=\"columns\"\n          :total=\"total\"\n          :x=\"x\"\n          :y=\"y\"\n          :height=\"tableHeight\"\n          :width=\"tableWidth\"\n          :actions=\"actions\"\n          :pageSize=\"pageSize\"\n          :pageSizeOptions=\"pageSizeOptions\"\n          :data-source=\"tableData\"\n          @change-page=\"onChangePage\"\n        ></ele-table>\n      </section>\n    </section>\n    <ele-modal-form v-model=\"modalFormValue\" v-on=\"overrideModalFormEvent\" :meta=\"modalFormMeta\"></ele-modal-form>\n    <ele-modal-fsm v-model=\"showFsmModal\" :contextProp=\"fsmContextProp\" :meta=\"fsmMeta\" @cancel=\"handleCloseFsmModal\"></ele-modal-fsm>\n  </section>\n</template>\n\n<script>\nimport { type, net } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nimport { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap, BUILT_IN_TRIGGER, CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-tree-table-model',\n  props: {\n    title: {\n      type: [Object, String]\n    },\n    overHeight: {\n      type: Number,\n      default: 0\n    },\n    treeMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    searchMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    buttonGroupMeta: {\n      typeof: Object,\n      default: () => ({})\n    },\n    tableMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    createMeta: {\n      type: Object\n    },\n    editMeta: {\n      type: Object\n    }\n  },\n  provide () {\n    return {\n      requestTreeData: this.requestTreeData,\n      requestTableData: this.requestTableData,\n      [CONTEXT]: () => {\n        return {\n          exposed: { ...this.exposed }\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      tableHeight: 0,\n      tableWidth: 0,\n      modalFormMeta: {},\n      modalFormValue: false,\n      treeData: [],\n      tableData: [],\n      defaultExpandedKeys: [],\n      defaultSelectedKeys: [],\n      replaceFields: {\n        title: 'title',\n        children: 'children',\n        key: 'id'\n      },\n      loading: false,\n      total: 0,\n      tableQuerys: {},\n      resizeObserverModelTableWrapper: null,\n      modelTableWrapperHeight: 0,\n      currentTreeNodeData: {},\n      currentRowData: {},\n      treeWrapperHeight: 0,\n      currentTableSelection: this.currentTableMode == 'radio' ? {} : [],\n      showFsmModal: false,\n      fsmMeta: {},\n      fsmContextProp: {}\n    }\n  },\n  computed: {\n    rowSelection () {\n      if (!this.currentTableMode) return void 0\n      return {\n        columnTitle: this.currentSelectionColumn.columnTitle,\n        fixed: true,\n        type: this.currentTableMode,\n        onChange: this.onChangeTableSelection\n      }\n    },\n    currentSelectionColumn () {\n      const { multiple } = this.tableMeta\n      const target = this.columns.find(item => Object.keys(item).includes('multiple'))\n      const isGlobalExistMultiple = Object.keys(this.tableMeta).includes('multiple')\n      if (target) {\n        return target\n      } else if (isGlobalExistMultiple) {\n        return { multiple }\n      }\n      return void 0\n    },\n    x () {\n      const { x } = this.tableMeta\n      return x\n    },\n    y () {\n      const { y } = this.tableMeta\n      return y\n    },\n    currentTableMode () {\n      if (!this.currentSelectionColumn) return void 0\n      const { multiple } = this.currentSelectionColumn\n      if (type.isBool(multiple)) {\n        if (multiple) {\n          return 'checkbox'\n        } else {\n          return 'radio'\n        }\n      } else {\n        return void 0\n      }\n    },\n    modelTableContainerRef () {\n      return uuidv4()\n    },\n    titleMode () {\n      if (type.isObject(this.title)) {\n        const { mode = '' } = this.title\n        return mode\n      }\n      return void 0\n    },\n    tableRef () {\n      return uuidv4()\n    },\n    exposed () {\n      return {\n        currentTableSelection: this.currentTableSelection,\n        currentTreeNode: this.currentTreeNodeData,\n        requestTableData: this.requestTableData,\n        querys: this.tableQuerys,\n        currentRowData: this.currentRowData,\n        setCurrentRowData: this.setCurrentRowData,\n        setCurrentTableSelection: this.setCurrentTableSelection\n      }\n    },\n    overrideTableEvent () {\n      const events = this.actions.reduce((ret, action) => {\n        ret[action.eventName] = (e) => {\n          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.EDIT]: this[BUILT_IN_EVENT_NAMES.EDIT]\n      }\n    },\n    overrideModalFormEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    overrideButtonGroupEvent () {\n      const events = this.getButtonGroupElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.$emit(ele.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.CREATE]: this[BUILT_IN_EVENT_NAMES.CREATE]\n      }\n    },\n    showTree () {\n      return !!Object.keys(this.treeMeta).length\n    },\n    buttonGroup () {\n      return uuidv4()\n    },\n    searchArea () {\n      return uuidv4()\n    },\n    modelTreeWrapper () {\n      return uuidv4()\n    },\n    modelTableWrapper () {\n      return uuidv4()\n    },\n    actions () {\n      const { operations } = this.tableMeta\n      if (operations) {\n        return operations.elements\n      } else {\n        return []\n      }\n    },\n    pageSize () {\n      const { page = {} } = this.tableMeta\n      return page.pageSize || 10\n    },\n    pageSizeOptions () {\n      const { page = {} } = this.tableMeta\n      return page.pageSizeOptions || ['10', '20', '30', '40']\n    },\n    columns () {\n      const { columns, operations } = this.tableMeta\n      if (type.get(columns) === 'array') {\n        const columnsOptions = columns.map(item => {\n          const { mode = 'text' } = item\n          if (item.render) {\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, \n                  { h: $createElement, ctx: this },\n                  text ? typeof text == 'object' ? text[item.dataIndex] : text : '', \n                  record, index)\n              }\n            }\n          } else if (mode !== BUILT_IN_TRIGGER.TEXT) {\n            const { [`${mode}Meta`]: modeMeta } = item\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                return <span onClick={() => this.dispatchTrigger({ mode, record, modeMeta, index })} class={ mode }>{ text }</span>\n              }\n            }\n          }\n          return {\n            ...item\n          }\n        })\n        if (operations) {\n          return [\n            ...columnsOptions,\n            {\n              title: '操作',\n              width: operations.width,\n              key: 'action',\n              fixed: 'right',\n              scopedSlots: { customRender: 'action' }\n            }\n          ]\n        }\n        return columnsOptions\n      } else {\n        console.error('Error: columns is invalid, please check it')\n        return []\n      }\n    },\n    getButtonGroupElements () {\n      const { elements } = this.buttonGroupMeta\n      if (type.get(elements) === 'function') {\n        return elements.call(this)\n      } else if (type.get(elements) === 'array') {\n        return elements\n      } else {\n        return []\n      }\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.currentTreeNodeData = defaultTreeNode\n    }\n    const { params = {}, fieldMap = {}, overrideInit = false } = this.tableMeta\n    const ctx = { ...this.currentTreeNodeData, _route: this.$route.query }\n    const initQuerys = Object.assign({}, params, parseFieldMap(fieldMap, ctx))\n    if (overrideInit) {\n      this.$emit(RESERVE_EVENT_NAMES.INIT, { ...this.exposed })\n    } else {\n      this.tableData = await this.requestTableData(initQuerys)\n    }\n  },\n  methods: {\n    dispatchTrigger ({ mode, record = {}, modeMeta = { } }) {\n      switch (mode) {\n        case BUILT_IN_TRIGGER.FSM:\n          this[`${BUILT_IN_TRIGGER.FSM}Trigger`](record, modeMeta = { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          })\n          break\n        default:\n          break\n      }\n    },\n    handleCloseFsmModal () {\n      this.showFsmModal = false\n    },\n    [`${BUILT_IN_TRIGGER.FSM}Trigger`] (record, meta) {\n      this.fsmMeta = meta\n      this.fsmContextProp = record\n      this.showFsmModal = true\n    },\n    onChangeTableSelection (_, selectedRows = []) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = selectedRows[0]\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      } else {\n        this.currentTableSelection = selectedRows\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      }\n    },\n    setCurrentTableSelection (props = {}) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = type.isObject(props) ? props : {}\n      } else {\n        this.currentTableSelection = type.isArray(props) ? props : []\n      }\n    },\n    setCurrentRowData (props = {}) {\n      this.currentRowData = props\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {\n      const { record = {} } = props\n      this.currentRowData = record\n      this.modalFormMeta = this.editMeta\n      this.modalFormValue = true\n    },\n    [BUILT_IN_EVENT_NAMES.CREATE] () {\n      this.modalFormMeta = this.createMeta\n      this.modalFormValue = true\n    },\n    handleClickButtonGroup (props) {\n      const { eventName } = props\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\n    },\n    watchViewPort () {\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\n      console.log(modelTableWrapper.getBoundingClientRect())\n      const { top } = modelTableWrapper.getBoundingClientRect()\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\n    },\n    async onSearch (props) {\n      const { overrideInit = false } = this.tableMeta\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData()\n      }\n    },\n    execTableFieldMap (fieldMap = {}, props) {\n      let ret = {}\n      const keys = Object.keys(fieldMap)\n      keys.forEach(key => {\n        const field = fieldMap[key]\n        ret[field] = props[key]\n      })\n      return ret\n    },\n    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\n      const { overrideInit = false } = this.tableMeta\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData(execFieldMapRet)\n      }\n    },\n    async requestTreeData () {\n      const { url, requestType = 'GET', params = {}, fieldMap = {} } = this.treeMeta\n      const fieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, _route: this.$route.query })\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        { ...params, ...fieldMapRet }\n      ).then(resp => {\n        const { data } = resp || {}\n        return data\n      })\n      return ret\n    },\n    async onChangePage (page, pageSize) {\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\n    },\n    async requestTableData (props = {}) {\n      const { url, requestType = 'GET', page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      this.$emit(RESERVE_EVENT_NAMES.WATCH, { ...this.exposed })\n      this.loading = true\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        this.loading = false\n        return (data || []).map(item => {\n          delete item.children\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      this.tableData = ret\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    calculateTableHeight () {\n      const currentViewportHeight = window.innerHeight\n      const tableRef = this.$refs[this.tableRef]\n      const { top: tableToTop, width } = tableRef.$el.getBoundingClientRect()\n      this.tableWidth = width\n      this.tableHeight = currentViewportHeight - tableToTop - this.overHeight\n    },\n    calculateTreeHeight () {\n      if (!this.showTree) return\n      const modelTableContainerRef = this.$refs[this.modelTableContainerRef]\n      const { height } = modelTableContainerRef.getBoundingClientRect()\n      this.treeWrapperHeight = height\n    }\n  },\n  mounted () {\n    this.calculateTableHeight()\n    this.$nextTick(() => {\n      this.calculateTreeHeight()\n    })\n    this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n      for (const _ of entries) {\n        requestAnimationFrame(() => {\n          this.calculateTableHeight()\n        })\n      }\n    })\n    this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  },\n  destroyed () {\n    this.resizeObserverModelTableWrapper.disconnect()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele {\n  &.model__tree-table {\n    background: transparent;                                                                                                                                                                                                                 \n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    .model__tree-table--container {\n      .model__tree--wrapper {\n        width: 240px;\n        background: #fff;\n        flex-shrink: 0;\n        padding: 16px;\n        box-sizing: border-box;\n        margin-right: 16px;\n        overflow-y: auto;\n      }\n    }\n    .model__table--container {\n      width: 100%;\n      min-width: 0;\n      background: #fff;\n      .model__table--title {\n        .model__table-title--bar {\n          width: 100%;\n          height: 8px;\n          background: var(--idooel-primary-color);\n          border-top-left-radius: 4px;\n          border-top-right-radius: 4px;\n        }\n        .model__table-title--text {\n          text-align: left;\n          padding: 16px;\n          font-size: 16px;\n          font-weight: bold;\n          background: #fff;\n          border-bottom: 1px solid;\n          border-color: var(--idoole-black-016);\n        }\n      }\n      .model__table--wrapper {\n        background: #fff;\n        .button-row__area {\n          width: 100%;\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          padding-top: 16px;\n          padding-bottom: 8px;\n          padding-right: 16px;\n        }\n        .g-table__wrapper {\n          .fsm {\n            cursor: pointer;\n            color: var(--idooel-primary-color);\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n",".ele.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$y = "data-v-8491f498";
+    const __vue_scope_id__$y = "data-v-392fecc2";
     /* module identifier */
     const __vue_module_identifier__$y = undefined;
     /* functional template */
@@ -11303,6 +11321,7 @@
         return dataSource;
       },
       buildDefaultValue(arg) {
+        if (shared.type.notStr(arg)) return arg;
         if (!arg || arg.charAt(0) !== '_') return arg;
         return parse(arg, {
           _route: this.$route.query
@@ -11312,7 +11331,12 @@
         this.dataSource.forEach(props => {
           this.$set(props, '_show', this.isExpand);
           if (props.defaultValue) {
-            this.$set(props, '_value', this.buildDefaultValue(props.defaultValue));
+            if (shared.type.isFunction(props.defaultValue)) {
+              const ret = props.defaultValue.call(this);
+              this.$set(props, '_value', this.buildDefaultValue(ret));
+            } else {
+              this.$set(props, '_value', this.buildDefaultValue(props.defaultValue));
+            }
           }
         });
         return this.dataSource;
@@ -11594,11 +11618,11 @@
     /* style */
     const __vue_inject_styles__$a = function (inject) {
       if (!inject) return
-      inject("data-v-056ec29f_0", { source: ".search-area__wrapper[data-v-056ec29f] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-056ec29f]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-056ec29f] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action[data-v-056ec29f] {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse[data-v-056ec29f] {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text[data-v-056ec29f] {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon[data-v-056ec29f] {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/index.vue","index.vue"],"names":[],"mappings":"AAiMA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;AChMA;ADkMA;EACA,YAAA;AChMA;ADmMA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACjMA;ADkMA;EACA,oBAAA;AChMA;ADkMA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;AChMA;ADiMA;EACA,eAAA;AC/LA;ADiMA;EACA,eAAA;EACA,gBAAA;AC/LA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"search-area__wrapper\">\n    <a-row :gutter=\"gutter\">\n      <template v-for=\"(item, idx) in innerDataSource\">\n        <a-col v-if=\"item._show\" :span=\"item.span || span\" :key=\"idx\">\n          <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\n            <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\n            <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\n            <div v-if=\"innerDataSource.length > cuttingFormula + 1\" class=\"expand-collapse\" @click=\"handleClickExpandCollapse\">\n              <span class=\"expand-collapse__text\">{{ isExpand ? '收起' : '展开' }}</span>\n              <span class=\"expand-collapse__icon\">\n                <a-icon v-if=\"isExpand\" type=\"up\" />\n                <a-icon v-else type=\"down\" />\n              </span>\n            </div>\n          </div>\n          <div v-else class=\"search-area__item\">\n            <template v-if=\"(item.type == 'ele-input') || (item.type == 'Input')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-input v-model=\"item._value\"></ele-input>\n            </template>\n            <template v-else-if=\"(item.type == 'ele-select') || (item.type == 'Select')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-select v-model=\"item._value\" :multiple=\"item.multiple\" :data-source=\"item.optionList\"></ele-select>\n            </template>\n            <template v-else-if=\"(item.type == 'ele-date') || (item.type == 'DatePicker')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date v-model=\"item._value\" :placeholder=\"item.placeholder\" :format=\"item.format\"></ele-date>\n            </template>\n            <template v-else-if=\"item.type == 'ele-date-range'\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date-range v-model=\"item._value\" :format=\"item.format\" :show-time=\"item.showTime\"></ele-date-range>\n            </template>\n          </div>\n        </a-col>\n      </template>\n    </a-row>\n  </div>\n</template>\n\n<script>\nimport Label from './label.vue'\nimport moment from 'moment'\nimport { parse } from '@idooel/expression'\nexport default {\n  name: 'ele-search-area',\n  components: {\n    Label\n  },\n  props: {\n    gutter: {\n      type: [Number, Array, Object],\n      default: () => ([\n        16, 8\n      ])\n    },\n    span: {\n      type: Number,\n      default: 8\n    },\n    dataSource: {\n      type: Array,\n      required: true\n    }\n  },\n  data() {\n    return {\n      isExpand: false\n    }\n  },\n  computed: {\n    cuttingFormula () {\n      return (24 / this.span - 1)\n    },\n    buildDataSource () {\n      return this.controlDisplayByFormula(this.mapDefaultValueToValue())\n    },\n    innerDataSource () {\n      return [ ...this.buildDataSource, { type: '_action', _show: true }]\n    }\n  },\n  created() {\n    const querys = this.extractValues()\n    this.$emit('search', querys)\n  },\n  methods: {\n    controlDisplayByFormula (dataSource = []) {\n      if (this.isExpand) {\n        dataSource.forEach(item => {\n          this.$set(item, '_show', true)\n        })\n      } else {\n        dataSource.forEach((item, idx) => {\n          if (idx < this.cuttingFormula) {\n            this.$set(item, '_show', true)\n          } else {\n            this.$set(item, '_show', false)\n          }\n        })\n      }\n      return dataSource\n    },\n    buildDefaultValue (arg) {\n      if (!arg || arg.charAt(0) !== '_') return arg\n      return parse(arg, {\n        _route: this.$route.query\n      })\n    },\n    mapDefaultValueToValue () {\n      this.dataSource.forEach(props => {\n        this.$set(props, '_show', this.isExpand)\n        if (props.defaultValue) {\n          this.$set(props, '_value', this.buildDefaultValue(props.defaultValue))\n        }\n      })\n      return this.dataSource\n    },\n    handleClickExpandCollapse () {\n      this.isExpand = !this.isExpand\n    },\n    handleClickSearch () {\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    buildMapto (mapTo = [], dataSource) {\n      const [ startField, endField ] = mapTo\n      const [ startValue, endValue ] = dataSource || [null, null]\n      return {\n        [startField]: startValue,\n        [endField]: endValue\n      }\n    },\n    extractValues () {\n      let ret = {}\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        switch (item.type) {\n          case 'DatePicker':\n            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format)\n            break\n          case 'ele-date-range':\n            if (item.mapTo) {\n              Object.assign(ret, this.buildMapto(item.mapTo, item._value))\n            } else {\n              ret[item.name] = (item._value || []).join(',')\n            }\n            break\n          default:\n            ret[item.name] = item._value\n            break\n        }\n      })\n      return ret\n    },\n    cleanValues () {\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        const { defaultValue } = item\n        switch (item.type) {\n          case 'Select':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n          case 'DatePicker':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', undefined)\n            break\n          case 'ele-date-range':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', [])\n            break\n          default:\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n        }\n      })\n    },\n    handleClickReset () {\n      this.cleanValues()\n      //TODO defaultValue\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    onChangeSelect (value, props) {\n      this.$set(props, '_value', value)\n    }\n  },\n  destroyed () {\n    this.cleanValues()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n  ::v-deep .ant-col {\n    &:last-child {\n      float: right;\n    }\n  }\n  .search-area__item {\n    height: 32px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    &.search-area--action {\n      justify-content: end;\n    }\n    .expand-collapse {\n      margin-left: 8px;\n      height: 32px;\n      padding: 4px 16px;\n      color: var(--idooel-primary-color);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      .expand-collapse__text {\n        font-size: 14px;\n      }\n      .expand-collapse__icon {\n        font-size: 16px;\n        margin-left: 8px;\n      }\n    }\n  }\n}\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-c447c0e0_0", { source: ".search-area__wrapper[data-v-c447c0e0] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-c447c0e0]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-c447c0e0] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action[data-v-c447c0e0] {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse[data-v-c447c0e0] {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text[data-v-c447c0e0] {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon[data-v-c447c0e0] {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/index.vue","index.vue"],"names":[],"mappings":"AAwMA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;ACvMA;ADyMA;EACA,YAAA;ACvMA;AD0MA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACxMA;ADyMA;EACA,oBAAA;ACvMA;ADyMA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;ACvMA;ADwMA;EACA,eAAA;ACtMA;ADwMA;EACA,eAAA;EACA,gBAAA;ACtMA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"search-area__wrapper\">\n    <a-row :gutter=\"gutter\">\n      <template v-for=\"(item, idx) in innerDataSource\">\n        <a-col v-if=\"item._show\" :span=\"item.span || span\" :key=\"idx\">\n          <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\n            <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\n            <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\n            <div v-if=\"innerDataSource.length > cuttingFormula + 1\" class=\"expand-collapse\" @click=\"handleClickExpandCollapse\">\n              <span class=\"expand-collapse__text\">{{ isExpand ? '收起' : '展开' }}</span>\n              <span class=\"expand-collapse__icon\">\n                <a-icon v-if=\"isExpand\" type=\"up\" />\n                <a-icon v-else type=\"down\" />\n              </span>\n            </div>\n          </div>\n          <div v-else class=\"search-area__item\">\n            <template v-if=\"(item.type == 'ele-input') || (item.type == 'Input')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-input v-model=\"item._value\"></ele-input>\n            </template>\n            <template v-else-if=\"(item.type == 'ele-select') || (item.type == 'Select')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-select v-model=\"item._value\" :multiple=\"item.multiple\" :data-source=\"item.optionList\"></ele-select>\n            </template>\n            <template v-else-if=\"(item.type == 'ele-date') || (item.type == 'DatePicker')\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date v-model=\"item._value\" :placeholder=\"item.placeholder\" :format=\"item.format\"></ele-date>\n            </template>\n            <template v-else-if=\"item.type == 'ele-date-range'\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date-range v-model=\"item._value\" :format=\"item.format\" :show-time=\"item.showTime\"></ele-date-range>\n            </template>\n          </div>\n        </a-col>\n      </template>\n    </a-row>\n  </div>\n</template>\n\n<script>\nimport Label from './label.vue'\nimport moment from 'moment'\nimport { parse } from '@idooel/expression'\nimport { type } from '@idooel/shared'\nexport default {\n  name: 'ele-search-area',\n  components: {\n    Label\n  },\n  props: {\n    gutter: {\n      type: [Number, Array, Object],\n      default: () => ([\n        16, 8\n      ])\n    },\n    span: {\n      type: Number,\n      default: 8\n    },\n    dataSource: {\n      type: Array,\n      required: true\n    }\n  },\n  data() {\n    return {\n      isExpand: false\n    }\n  },\n  computed: {\n    cuttingFormula () {\n      return (24 / this.span - 1)\n    },\n    buildDataSource () {\n      return this.controlDisplayByFormula(this.mapDefaultValueToValue())\n    },\n    innerDataSource () {\n      return [ ...this.buildDataSource, { type: '_action', _show: true }]\n    }\n  },\n  created() {\n    const querys = this.extractValues()\n    this.$emit('search', querys)\n  },\n  methods: {\n    controlDisplayByFormula (dataSource = []) {\n      if (this.isExpand) {\n        dataSource.forEach(item => {\n          this.$set(item, '_show', true)\n        })\n      } else {\n        dataSource.forEach((item, idx) => {\n          if (idx < this.cuttingFormula) {\n            this.$set(item, '_show', true)\n          } else {\n            this.$set(item, '_show', false)\n          }\n        })\n      }\n      return dataSource\n    },\n    buildDefaultValue (arg) {\n      if (type.notStr(arg)) return arg\n      if (!arg || arg.charAt(0) !== '_') return arg\n      return parse(arg, {\n        _route: this.$route.query\n      })\n    },\n    mapDefaultValueToValue () {\n      this.dataSource.forEach(props => {\n        this.$set(props, '_show', this.isExpand)\n        if (props.defaultValue) {\n          if (type.isFunction(props.defaultValue)) {\n            const ret = props.defaultValue.call(this)\n            this.$set(props, '_value', this.buildDefaultValue(ret))\n          } else {\n            this.$set(props, '_value', this.buildDefaultValue(props.defaultValue))\n          }\n        }\n      })\n      return this.dataSource\n    },\n    handleClickExpandCollapse () {\n      this.isExpand = !this.isExpand\n    },\n    handleClickSearch () {\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    buildMapto (mapTo = [], dataSource) {\n      const [ startField, endField ] = mapTo\n      const [ startValue, endValue ] = dataSource || [null, null]\n      return {\n        [startField]: startValue,\n        [endField]: endValue\n      }\n    },\n    extractValues () {\n      let ret = {}\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        switch (item.type) {\n          case 'DatePicker':\n            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format)\n            break\n          case 'ele-date-range':\n            if (item.mapTo) {\n              Object.assign(ret, this.buildMapto(item.mapTo, item._value))\n            } else {\n              ret[item.name] = (item._value || []).join(',')\n            }\n            break\n          default:\n            ret[item.name] = item._value\n            break\n        }\n      })\n      return ret\n    },\n    cleanValues () {\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        const { defaultValue } = item\n        switch (item.type) {\n          case 'Select':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n          case 'DatePicker':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', undefined)\n            break\n          case 'ele-date-range':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', [])\n            break\n          default:\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n        }\n      })\n    },\n    handleClickReset () {\n      this.cleanValues()\n      //TODO defaultValue\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    onChangeSelect (value, props) {\n      this.$set(props, '_value', value)\n    }\n  },\n  destroyed () {\n    this.cleanValues()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n  ::v-deep .ant-col {\n    &:last-child {\n      float: right;\n    }\n  }\n  .search-area__item {\n    height: 32px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    &.search-area--action {\n      justify-content: end;\n    }\n    .expand-collapse {\n      margin-left: 8px;\n      height: 32px;\n      padding: 4px 16px;\n      color: var(--idooel-primary-color);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      .expand-collapse__text {\n        font-size: 14px;\n      }\n      .expand-collapse__icon {\n        font-size: 16px;\n        margin-left: 8px;\n      }\n    }\n  }\n}\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$a = "data-v-056ec29f";
+    const __vue_scope_id__$a = "data-v-c447c0e0";
     /* module identifier */
     const __vue_module_identifier__$a = undefined;
     /* functional template */
@@ -11838,6 +11862,9 @@
     inject: {
       context: {
         default: () => ({})
+      },
+      [CONTEXT]: {
+        default: () => () => {}
       }
     },
     computed: {
@@ -11960,8 +11987,13 @@
         return this.$refs[this.formRef] ? this.$refs[this.formRef].getFieldsValue() : {};
       },
       execFieldMap(fieldMap = {}, dataSource = {}) {
+        const contxtData = this[CONTEXT].call(this);
+        const {
+          exposed = {}
+        } = contxtData;
         const ret = parseFieldMap(fieldMap, {
           _route: this.$route.query,
+          ...exposed,
           ...dataSource
         });
         return ret;
@@ -12044,7 +12076,7 @@
           data
         } = await shared.net[requestType.toLowerCase()](url, {
           ...params,
-          ...fieldMap
+          ...this.execFieldMap(fieldMap)
         }, {
           ...headers
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idooel/components",
-  "version": "0.0.1-beta.75",
+  "version": "0.0.1-beta.77",
   "description": "",
   "private": false,
   "main": "dist/@idooel/components.umd.js",
@@ -17,7 +17,7 @@
   "license": "ISC",
   "peerDependencies": {
     "@idooel/expression": "0.0.1-beta.1",
-    "@idooel/shared": "0.0.1-beta.6",
+    "@idooel/shared": "0.0.1-beta.7",
     "ant-design-vue": "1.7.8",
     "cropperjs": "1.4.1",
     "moment": "^2.30.1",

package/packages/composite-components/modal-form/src/index.vue

@@ -13,7 +13,7 @@
 import { v4 as uuidv4 } from 'uuid'
 import { net, type } from '@idooel/shared'
 import { parse } from '@idooel/expression'
-import { BUILT_IN_EVENT_NAMES, BUILT_IN_METHODS_NAMES, parseFieldMap, RESERVE_EVENT_NAMES, PAGE_STATUS } from '../../../utils'
+import { BUILT_IN_EVENT_NAMES, BUILT_IN_METHODS_NAMES, parseFieldMap, RESERVE_EVENT_NAMES, PAGE_STATUS, CONTEXT } from '../../../utils'
 export default {
   name: 'ele-modal-form',
   model: {
@@ -44,6 +44,9 @@ export default {
   inject: {
     context: {
       default: () => ({})
+    },
+    [CONTEXT]: {
+      default: () => (() => {})
     }
   },
   computed: { 
@@ -142,7 +145,9 @@ export default {
       return this.$refs[this.formRef] ? this.$refs[this.formRef].getFieldsValue() : {}
     },
     execFieldMap (fieldMap = {}, dataSource = {}) {
-      const ret = parseFieldMap(fieldMap, { _route: this.$route.query, ...dataSource})
+      const contxtData = this[CONTEXT].call(this)
+      const { exposed = {} } = contxtData
+      const ret = parseFieldMap(fieldMap, { _route: this.$route.query, ...exposed, ...dataSource})
       return ret
     },
     executeExpression (expression, dataSource = {}) {
@@ -174,7 +179,7 @@ export default {
     async preRequestTrigger () {
       const { url, requestType = 'GET', params = {}, fieldMap = {}, headers = {} } = this.preRequest
       if (!url) return
-      const { data } = await net[requestType.toLowerCase()](url, { ...params, ...fieldMap }, { ...headers })
+      const { data } = await net[requestType.toLowerCase()](url, { ...params, ...this.execFieldMap(fieldMap) }, { ...headers })
       this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })
     },
     setFieldsValue (props) {

package/packages/composite-components/search-area/src/index.vue

@@ -42,6 +42,7 @@
 import Label from './label.vue'
 import moment from 'moment'
 import { parse } from '@idooel/expression'
+import { type } from '@idooel/shared'
 export default {
   name: 'ele-search-area',
   components: {
@@ -101,6 +102,7 @@ export default {
       return dataSource
     },
     buildDefaultValue (arg) {
+      if (type.notStr(arg)) return arg
       if (!arg || arg.charAt(0) !== '_') return arg
       return parse(arg, {
         _route: this.$route.query
@@ -110,7 +112,12 @@ export default {
       this.dataSource.forEach(props => {
         this.$set(props, '_show', this.isExpand)
         if (props.defaultValue) {
-          this.$set(props, '_value', this.buildDefaultValue(props.defaultValue))
+          if (type.isFunction(props.defaultValue)) {
+            const ret = props.defaultValue.call(this)
+            this.$set(props, '_value', this.buildDefaultValue(ret))
+          } else {
+            this.$set(props, '_value', this.buildDefaultValue(props.defaultValue))
+          }
         }
       })
       return this.dataSource

package/packages/models/tree-table-model/src/index.vue

@@ -121,8 +121,9 @@ export default {
       resizeObserverModelTableWrapper: null,
       modelTableWrapperHeight: 0,
       currentTreeNodeData: {},
+      currentRowData: {},
       treeWrapperHeight: 0,
-      currentTableSelection: {},
+      currentTableSelection: this.currentTableMode == 'radio' ? {} : [],
       showFsmModal: false,
       fsmMeta: {},
       fsmContextProp: {}
@@ -188,7 +189,10 @@ export default {
         currentTableSelection: this.currentTableSelection,
         currentTreeNode: this.currentTreeNodeData,
         requestTableData: this.requestTableData,
-        querys: this.tableQuerys
+        querys: this.tableQuerys,
+        currentRowData: this.currentRowData,
+        setCurrentRowData: this.setCurrentRowData,
+        setCurrentTableSelection: this.setCurrentTableSelection
       }
     },
     overrideTableEvent () {
@@ -353,7 +357,7 @@ export default {
       this.fsmContextProp = record
       this.showFsmModal = true
     },
-    onChangeTableSelection (_, selectedRows) {
+    onChangeTableSelection (_, selectedRows = []) {
       if (this.currentTableMode === 'radio') {
         this.currentTableSelection = selectedRows[0]
         this.$emit('on-change-table-selection', this.currentTableSelection)
@@ -362,7 +366,19 @@ export default {
         this.$emit('on-change-table-selection', this.currentTableSelection)
       }
     },
-    [BUILT_IN_EVENT_NAMES.EDIT] () {
+    setCurrentTableSelection (props = {}) {
+      if (this.currentTableMode === 'radio') {
+        this.currentTableSelection = type.isObject(props) ? props : {}
+      } else {
+        this.currentTableSelection = type.isArray(props) ? props : []
+      }
+    },
+    setCurrentRowData (props = {}) {
+      this.currentRowData = props
+    },
+    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {
+      const { record = {} } = props
+      this.currentRowData = record
       this.modalFormMeta = this.editMeta
       this.modalFormValue = true
     },