@idooel/components 0.0.1-beta.86 → 0.0.1-beta.88

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

@@ -1450,7 +1450,8 @@ var script$D = {
         requestTreeData: this.requestTreeData,
         requestTableData: this.requestTableData,
         closeModalConfirm: this.closeModalConfirm,
-        showModalConfirm: this.handleClickModalConfirm
+        showModalConfirm: this.handleClickModalConfirm,
+        currentRowData: this.record
       };
     }
   },
@@ -1705,11 +1706,11 @@ __vue_render__$D._withStripped = true;
   /* style */
   const __vue_inject_styles__$D = function (inject) {
     if (!inject) return
-    inject("data-v-771c0b68_0", { source: ".g-table__action[data-v-771c0b68] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-771c0b68] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-771c0b68]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/action.vue","action.vue"],"names":[],"mappings":"AA8JA;EACA,aAAA;EACA,mBAAA;AC7JA;AD8JA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC5JA;AD6JA;EACA,cAAA;AC3JA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\n  <div class=\"g-table__action\">\n    <div class=\"table-action__item\" v-for=\"(item, idx) in execOperationExpression(dataSource)\" :key=\"idx\">\n      <template v-if=\"item.type == 'text'\">\n        <span @click=\"handleClickText(item)\">{{ item.label }}</span>\n      </template>\n      <template v-else-if=\"item.type == 'confirm'\">\n        <div>\n          <a-popconfirm :title=\"item.message\" @confirm=\"handleClickConfirm(item)\">\n            {{ item.label }}\n          </a-popconfirm>\n        </div>\n      </template>\n      <template v-else-if=\"item.type == 'dropdown'\">\n        <a-dropdown>\n          <a-menu slot=\"overlay\" @click=\"handleDropdownClick\">\n            <a-menu-item :key=\"`${item.key || ''}${menuKeyDelimiter}${opt.value || ''}`\" v-for=\"opt in execOperationExpression(item.optionList)\">\n              <template v-if=\"opt.type == 'confirm'\">\n                <a-popconfirm :title=\"opt.message\" @confirm=\"handleClickConfirm(opt)\">\n                  {{ opt.label }}\n                </a-popconfirm>\n              </template>\n              <template v-else-if=\"opt.type == 'modal-confirm'\">\n                <div style=\"width: 100%\" @click=\"handleClickModalConfirm(opt)\">{{ opt.label }}</div>\n                <ele-modal-confirm v-bind=\"opt.modalConfirm\" v-on=\"$listeners\" v-model=\"showModalConfirm\"></ele-modal-confirm>\n              </template>\n              <template v-else>\n                {{ opt.label }}\n              </template>\n            </a-menu-item>\n          </a-menu>\n         <span>{{ item.label }}</span>\n        </a-dropdown>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { v5 as uuidv5 } from 'uuid'\nimport { type, route } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../utils'\nconst MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002'\nexport default {\n  props: {\n    record: {\n      type: Object\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  inject: {\n    requestTreeData: {\n      default: void 0\n    },\n    requestTableData: {\n      default: void 0\n    }\n  },\n  data() {\n    return {\n      showModalConfirm: false\n    }\n  },\n  provide () {\n    return {\n      [CONTEXT]: () => {\n        return {\n          _route: this.$route.query,\n          _routeMeta: this.$route.meta,\n          exposed: this.builtInMethods,\n          ...this.record\n        }\n      }\n    }\n  },\n  computed: {\n    menuKeyDelimiter () {\n      return uuidv5('_', MENU_KEY_NAMESPACE)\n    },\n    builtInMethods () {\n      return { \n        requestTreeData: this.requestTreeData, \n        requestTableData: this.requestTableData,\n        closeModalConfirm: this.closeModalConfirm,\n        showModalConfirm: this.handleClickModalConfirm\n      }\n    }\n  },\n  methods: {\n    closeModalConfirm () {\n      this.showModalConfirm = false\n    },\n    handleClickModalConfirm () {\n      this.showModalConfirm = true\n    },\n    execOperationExpression (dataSource = []) {\n      const ret = dataSource.map(item => {\n        const { show } = item\n        if (type.isUndefined(show)) {\n          return item\n        } else if (type.isBool(show)) {\n          if (show) return item\n        } else if (type.isStr(show)) {\n          const parseRet = parse(show, { \n            ...this.record, \n            _route: route.searchToQueryParams(window.location.search) \n          })\n          if (parseRet) return item\n        }\n      }).filter(item => item)\n      return ret\n    },\n    handleClickConfirm (props) {\n      //TODO generate event by special rule\n      const { eventName, value, key } = props\n      this.$emit(eventName, { \n        key: value || key, \n        record: this.record,\n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    },\n    handleDropdownClick (props) {\n      const { key } = props\n      const [parent, child] = key.split(this.menuKeyDelimiter)\n      if (!parent || !child) {\n        throw new Error('key is required')\n      }\n      const currentDropdown = this.dataSource.find(item => item.key === parent)\n      const currentClickTarget = currentDropdown.optionList.find(item => item.value === child)\n      const { eventName, type } = currentClickTarget\n      //TODO generate event by special rule\n      if (type === 'confirm' || type === 'modal-confirm') return\n      this.$emit(eventName, { \n        key: child, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    },\n    handleClickText (props) {\n      const { eventName, key } = props\n      this.$emit(eventName, { \n        key, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__action {\n  display: flex;\n  flex-direction: row;\n  .table-action__item {\n    font-size: 14px;\n    color: #409EFF;\n    margin-left: 16px;\n    cursor: pointer;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
+    inject("data-v-f3b49cc4_0", { source: ".g-table__action[data-v-f3b49cc4] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-f3b49cc4] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-f3b49cc4]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/action.vue","action.vue"],"names":[],"mappings":"AA+JA;EACA,aAAA;EACA,mBAAA;AC9JA;AD+JA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC7JA;AD8JA;EACA,cAAA;AC5JA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\n  <div class=\"g-table__action\">\n    <div class=\"table-action__item\" v-for=\"(item, idx) in execOperationExpression(dataSource)\" :key=\"idx\">\n      <template v-if=\"item.type == 'text'\">\n        <span @click=\"handleClickText(item)\">{{ item.label }}</span>\n      </template>\n      <template v-else-if=\"item.type == 'confirm'\">\n        <div>\n          <a-popconfirm :title=\"item.message\" @confirm=\"handleClickConfirm(item)\">\n            {{ item.label }}\n          </a-popconfirm>\n        </div>\n      </template>\n      <template v-else-if=\"item.type == 'dropdown'\">\n        <a-dropdown>\n          <a-menu slot=\"overlay\" @click=\"handleDropdownClick\">\n            <a-menu-item :key=\"`${item.key || ''}${menuKeyDelimiter}${opt.value || ''}`\" v-for=\"opt in execOperationExpression(item.optionList)\">\n              <template v-if=\"opt.type == 'confirm'\">\n                <a-popconfirm :title=\"opt.message\" @confirm=\"handleClickConfirm(opt)\">\n                  {{ opt.label }}\n                </a-popconfirm>\n              </template>\n              <template v-else-if=\"opt.type == 'modal-confirm'\">\n                <div style=\"width: 100%\" @click=\"handleClickModalConfirm(opt)\">{{ opt.label }}</div>\n                <ele-modal-confirm v-bind=\"opt.modalConfirm\" v-on=\"$listeners\" v-model=\"showModalConfirm\"></ele-modal-confirm>\n              </template>\n              <template v-else>\n                {{ opt.label }}\n              </template>\n            </a-menu-item>\n          </a-menu>\n         <span>{{ item.label }}</span>\n        </a-dropdown>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { v5 as uuidv5 } from 'uuid'\nimport { type, route } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../utils'\nconst MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002'\nexport default {\n  props: {\n    record: {\n      type: Object\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  inject: {\n    requestTreeData: {\n      default: void 0\n    },\n    requestTableData: {\n      default: void 0\n    }\n  },\n  data() {\n    return {\n      showModalConfirm: false\n    }\n  },\n  provide () {\n    return {\n      [CONTEXT]: () => {\n        return {\n          _route: this.$route.query,\n          _routeMeta: this.$route.meta,\n          exposed: this.builtInMethods,\n          ...this.record\n        }\n      }\n    }\n  },\n  computed: {\n    menuKeyDelimiter () {\n      return uuidv5('_', MENU_KEY_NAMESPACE)\n    },\n    builtInMethods () {\n      return { \n        requestTreeData: this.requestTreeData, \n        requestTableData: this.requestTableData,\n        closeModalConfirm: this.closeModalConfirm,\n        showModalConfirm: this.handleClickModalConfirm,\n        currentRowData: this.record\n      }\n    }\n  },\n  methods: {\n    closeModalConfirm () {\n      this.showModalConfirm = false\n    },\n    handleClickModalConfirm () {\n      this.showModalConfirm = true\n    },\n    execOperationExpression (dataSource = []) {\n      const ret = dataSource.map(item => {\n        const { show } = item\n        if (type.isUndefined(show)) {\n          return item\n        } else if (type.isBool(show)) {\n          if (show) return item\n        } else if (type.isStr(show)) {\n          const parseRet = parse(show, { \n            ...this.record, \n            _route: route.searchToQueryParams(window.location.search) \n          })\n          if (parseRet) return item\n        }\n      }).filter(item => item)\n      return ret\n    },\n    handleClickConfirm (props) {\n      //TODO generate event by special rule\n      const { eventName, value, key } = props\n      this.$emit(eventName, { \n        key: value || key, \n        record: this.record,\n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    },\n    handleDropdownClick (props) {\n      const { key } = props\n      const [parent, child] = key.split(this.menuKeyDelimiter)\n      if (!parent || !child) {\n        throw new Error('key is required')\n      }\n      const currentDropdown = this.dataSource.find(item => item.key === parent)\n      const currentClickTarget = currentDropdown.optionList.find(item => item.value === child)\n      const { eventName, type } = currentClickTarget\n      //TODO generate event by special rule\n      if (type === 'confirm' || type === 'modal-confirm') return\n      this.$emit(eventName, { \n        key: child, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    },\n    handleClickText (props) {\n      const { eventName, key } = props\n      this.$emit(eventName, { \n        key, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__action {\n  display: flex;\n  flex-direction: row;\n  .table-action__item {\n    font-size: 14px;\n    color: #409EFF;\n    margin-left: 16px;\n    cursor: pointer;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$D = "data-v-771c0b68";
+  const __vue_scope_id__$D = "data-v-f3b49cc4";
   /* module identifier */
   const __vue_module_identifier__$D = undefined;
   /* functional template */
@@ -2390,6 +2391,7 @@ var script$A = {
         getCurrentRowData: this.getCurrentRowData,
         setCurrentRowData: this.setCurrentRowData,
         setCurrentTableSelection: this.setCurrentTableSelection,
+        cleanCurrentModelEffect: this.cleanCurrentModelEffect,
         route: this.$route,
         _route: this.$route.query,
         _routeMeta: this.$route.meta
@@ -2398,10 +2400,14 @@ var script$A = {
     overrideTableEvent() {
       const events = this.actions.reduce((ret, action) => {
         ret[action.eventName] = e => {
+          this.setCurrentRowData(e.exposed.currentRowData);
           this.$emit(action.eventName || 'click', {
             ...e,
             currentTreeNode: this.currentTreeNodeData,
-            exposed: this.exposed
+            exposed: {
+              ...this.exposed,
+              ...e.exposed
+            }
           });
         };
         return ret;
@@ -2687,21 +2693,17 @@ var script$A = {
         this.tableData = await this.requestTableData();
       }
     },
-    execTableFieldMap(fieldMap = {}, props) {
-      let ret = {};
-      const keys = Object.keys(fieldMap);
-      keys.forEach(key => {
-        const field = fieldMap[key];
-        ret[field] = props[key];
-      });
-      return ret;
-    },
     async selectTreeNode(selectedKeys, e) {
       const {
         fieldMap
       } = this.tableMeta;
-      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef;
-      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef);
+      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef || {};
+      //@deprecated '_' namespace is deprecated, please use 'exposed' instead
+      const execFieldMapRet = parseFieldMap(fieldMap, {
+        ...this.currentTreeNodeData,
+        exposed: this.exposed,
+        _route: this.exposed._route
+      });
       const {
         overrideInit = false
       } = this.tableMeta;
@@ -2988,11 +2990,11 @@ __vue_render__$A._withStripped = true;
   /* style */
   const __vue_inject_styles__$A = function (inject) {
     if (!inject) return
-    inject("data-v-fd69d120_0", { source: ".ele.model__tree-table[data-v-fd69d120] {\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-fd69d120] {\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-fd69d120] {\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-fd69d120] {\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-fd69d120] {\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-fd69d120] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-fd69d120] {\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-fd69d120] {\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":"AAkhBA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;ACjhBA;ADmhBA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;ACjhBA;ADohBA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;AClhBA;ADohBA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;AClhBA;ADohBA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;AClhBA;ADqhBA;EACA,gBAAA;ACnhBA;ADohBA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;AClhBA;ADqhBA;EACA,eAAA;EACA,kCAAA;ACnhBA;;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=\"mapFields\">\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 v-if=\"$slots['sub-center']\" 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        getCurrentRowData: this.getCurrentRowData,\n        setCurrentRowData: this.setCurrentRowData,\n        setCurrentTableSelection: this.setCurrentTableSelection,\n        route: this.$route,\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\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        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]\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        exposed: this.exposed\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    mapFields () {\n      const { replaceFields = {} } = this.treeMeta\n      const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      return mapFields\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      // const { replaceFields = {} } = this.treeMeta\n      // const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      // console.log('replaceFields', this.replaceFields, replaceFields)\n      this.defaultExpandedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.mapFields.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 = type.isEmpty(modeMeta) ? { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          } : modeMeta)\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    getCurrentRowData () {\n      return this.currentRowData\n    },\n    cleanCurrentModelEffect () {\n      this.setCurrentTableSelection()\n      this.setCurrentRowData({})\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      this.cleanCurrentModelEffect()\n      this.requestTableData()\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {\n      const { record = {} } = props\n      this.currentRowData = record\n      this.setCurrentRowData(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 });
+    inject("data-v-ef16ad8e_0", { source: ".ele.model__tree-table[data-v-ef16ad8e] {\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-ef16ad8e] {\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-ef16ad8e] {\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-ef16ad8e] {\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-ef16ad8e] {\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-ef16ad8e] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-ef16ad8e] {\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-ef16ad8e] {\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":"AA4gBA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AC3gBA;AD6gBA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;AC3gBA;AD8gBA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;AC5gBA;AD8gBA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;AC5gBA;AD8gBA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;AC5gBA;AD+gBA;EACA,gBAAA;AC7gBA;AD8gBA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;AC5gBA;AD+gBA;EACA,eAAA;EACA,kCAAA;AC7gBA;;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=\"mapFields\">\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 v-if=\"$slots['sub-center']\" 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        getCurrentRowData: this.getCurrentRowData,\n        setCurrentRowData: this.setCurrentRowData,\n        setCurrentTableSelection: this.setCurrentTableSelection,\n        cleanCurrentModelEffect: this.cleanCurrentModelEffect,\n        route: this.$route,\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    },\n    overrideTableEvent () {\n      const events = this.actions.reduce((ret, action) => {\n        ret[action.eventName] = (e) => {\n          this.setCurrentRowData(e.exposed.currentRowData)\n          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: { ...this.exposed, ...e.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        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]\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        exposed: this.exposed\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    mapFields () {\n      const { replaceFields = {} } = this.treeMeta\n      const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      return mapFields\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      // const { replaceFields = {} } = this.treeMeta\n      // const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      // console.log('replaceFields', this.replaceFields, replaceFields)\n      this.defaultExpandedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.mapFields.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 = type.isEmpty(modeMeta) ? { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          } : modeMeta)\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    getCurrentRowData () {\n      return this.currentRowData\n    },\n    cleanCurrentModelEffect () {\n      this.setCurrentTableSelection()\n      this.setCurrentRowData({})\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      this.cleanCurrentModelEffect()\n      this.requestTableData()\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {\n      const { record = {} } = props\n      this.currentRowData = record\n      this.setCurrentRowData(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    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef || {}\n      //@deprecated '_' namespace is deprecated, please use 'exposed' instead\n      const execFieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, exposed: this.exposed, _route: this.exposed._route })\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__$A = "data-v-fd69d120";
+  const __vue_scope_id__$A = "data-v-ef16ad8e";
   /* module identifier */
   const __vue_module_identifier__$A = undefined;
   /* functional template */
@@ -12038,6 +12040,15 @@ var script$a = {
               const {
                 modalConfirm
               } = props;
+              if (this.preventModalConfirm(modalConfirm)) {
+                this.$emit(props.eventName || 'click', {
+                  ...e,
+                  ...props,
+                  record: props,
+                  ...this.contextData
+                });
+                return;
+              }
               if (modalConfirm) {
                 this.modalConfirmMeta = modalConfirm;
                 this.modalConfirmValue = true;
@@ -12055,6 +12066,14 @@ var script$a = {
           const {
             modalConfirm
           } = item;
+          if (this.preventModalConfirm(modalConfirm)) {
+            this.$emit(item.eventName || 'click', {
+              ...e,
+              record: item,
+              ...this.contextData
+            });
+            return;
+          }
           if (modalConfirm) {
             this.modalConfirmMeta = modalConfirm;
             this.modalConfirmValue = true;
@@ -12099,6 +12118,12 @@ var script$a = {
     }
   },
   methods: {
+    preventModalConfirm(modalConfirm = {}) {
+      const {
+        show
+      } = modalConfirm;
+      return !this.executeExpression(show);
+    },
     executeExpression(expression) {
       if (type.isBool(expression)) return expression;
       if (type.isEmpty(expression)) return true;
@@ -12181,11 +12206,11 @@ __vue_render__$a._withStripped = true;
   /* style */
   const __vue_inject_styles__$a = function (inject) {
     if (!inject) return
-    inject("data-v-763b6ebb_0", { source: ".button-group__wrapper[data-v-763b6ebb] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-763b6ebb] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-763b6ebb]:first-child {\n  margin-left: 0;\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/button-group/src/index.vue","index.vue"],"names":[],"mappings":"AAyHA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACxHA;ADyHA;EACA,gBAAA;ACvHA;ADwHA;EACA,cAAA;ACtHA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"button-group__wrapper\">\n    <template v-for=\"(item, idx) in innerDatasource\" >\n      <ele-button\n        v-if=\"isBool(item._show) ? item._show : true\"\n        :type=\"item.type\"\n        :icon=\"item.icon\"\n        :mode=\"item.mode\"\n        :data-source=\"item.optionList\"\n        :event-name=\"item.eventName\"\n        :record=\"item\"\n        v-on=\"overrideButtonEvent\"\n        :key=\"idx\">\n        {{ item.label }}\n      </ele-button>\n    </template>\n    <ele-modal-confirm v-model=\"modalConfirmValue\" :contextProp=\"currentContext\" v-on=\"overrideModalConfirmEvent\" v-bind=\"modalConfirmMeta\"></ele-modal-confirm>\n  </div>\n</template>\n\n<script>\nimport { type } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-button-group',\n  props: {\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    return {\n      innerDatasource: [],\n      modalConfirmValue: false,\n      modalConfirmMeta: {}\n    }\n  },\n  inject: {\n    [CONTEXT]: {\n      default: () => (() => ({}))\n    }\n  },\n  computed: {\n    contextData () {\n      return {\n        ...this[CONTEXT].call(this),\n        ...this.currentContext\n      }\n    },\n    overrideButtonEvent () {\n      const events = this.dataSource.reduce((ret, item) => {\n        const { mode, optionList = [] } = item\n        if (mode == 'dropdown') {\n          optionList.forEach(props => {\n            ret[props.eventName || 'click'] = (e) => {\n              const { modalConfirm } = props\n              if (modalConfirm) {\n                this.modalConfirmMeta = modalConfirm\n                this.modalConfirmValue = true\n              }\n              this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n            }\n          })\n        }\n        ret[item.eventName || 'click'] = (e) => {\n          const { modalConfirm } = item\n          if (modalConfirm) {\n            this.modalConfirmMeta = modalConfirm\n            this.modalConfirmValue = true\n          }\n          this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        ...this.contextData\n      }\n    },\n    overrideModalConfirmEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    currentContext () {\n      return {\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    }\n  },\n  watch: {\n    dataSource: {\n      handler (dataSource) {\n        this.innerDatasource = dataSource.map(item => {\n          return {\n            ...item,\n            _show: this.executeExpression(item.show)\n          }\n        })\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    executeExpression (expression) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return true\n      return parse(expression, { ...this.currentContext, ...this.contextData })\n    },\n    isBool (arg) {\n      return type.isBool(arg)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  .ant-btn {\n    margin-left: 8px;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-7b7f199d_0", { source: ".button-group__wrapper[data-v-7b7f199d] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-7b7f199d] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-7b7f199d]:first-child {\n  margin-left: 0;\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/button-group/src/index.vue","index.vue"],"names":[],"mappings":"AAqIA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACpIA;ADqIA;EACA,gBAAA;ACnIA;ADoIA;EACA,cAAA;AClIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"button-group__wrapper\">\n    <template v-for=\"(item, idx) in innerDatasource\" >\n      <ele-button\n        v-if=\"isBool(item._show) ? item._show : true\"\n        :type=\"item.type\"\n        :icon=\"item.icon\"\n        :mode=\"item.mode\"\n        :data-source=\"item.optionList\"\n        :event-name=\"item.eventName\"\n        :record=\"item\"\n        v-on=\"overrideButtonEvent\"\n        :key=\"idx\">\n        {{ item.label }}\n      </ele-button>\n    </template>\n    <ele-modal-confirm v-model=\"modalConfirmValue\" :contextProp=\"currentContext\" v-on=\"overrideModalConfirmEvent\" v-bind=\"modalConfirmMeta\"></ele-modal-confirm>\n  </div>\n</template>\n\n<script>\nimport { type } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-button-group',\n  props: {\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    return {\n      innerDatasource: [],\n      modalConfirmValue: false,\n      modalConfirmMeta: {}\n    }\n  },\n  inject: {\n    [CONTEXT]: {\n      default: () => (() => ({}))\n    }\n  },\n  computed: {\n    contextData () {\n      return {\n        ...this[CONTEXT].call(this),\n        ...this.currentContext\n      }\n    },\n    overrideButtonEvent () {\n      const events = this.dataSource.reduce((ret, item) => {\n        const { mode, optionList = [] } = item\n        if (mode == 'dropdown') {\n          optionList.forEach(props => {\n            ret[props.eventName || 'click'] = (e) => {\n              const { modalConfirm } = props\n              if (this.preventModalConfirm(modalConfirm)) {\n                this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n                return\n              }\n              if (modalConfirm) {\n                this.modalConfirmMeta = modalConfirm\n                this.modalConfirmValue = true\n              }\n              this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n            }\n          })\n        }\n        ret[item.eventName || 'click'] = (e) => {\n          const { modalConfirm } = item\n          if (this.preventModalConfirm(modalConfirm)) {\n            this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n            return\n          }\n          if (modalConfirm) {\n            this.modalConfirmMeta = modalConfirm\n            this.modalConfirmValue = true\n          }\n          this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        ...this.contextData\n      }\n    },\n    overrideModalConfirmEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    currentContext () {\n      return {\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    }\n  },\n  watch: {\n    dataSource: {\n      handler (dataSource) {\n        this.innerDatasource = dataSource.map(item => {\n          return {\n            ...item,\n            _show: this.executeExpression(item.show)\n          }\n        })\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    preventModalConfirm (modalConfirm = {}) {\n      const { show } = modalConfirm\n      return !this.executeExpression(show)\n    },\n    executeExpression (expression) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return true\n      return parse(expression, { ...this.currentContext, ...this.contextData })\n    },\n    isBool (arg) {\n      return type.isBool(arg)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  .ant-btn {\n    margin-left: 8px;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$a = "data-v-763b6ebb";
+  const __vue_scope_id__$a = "data-v-7b7f199d";
   /* module identifier */
   const __vue_module_identifier__$a = undefined;
   /* functional template */

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

@@ -1457,7 +1457,8 @@
           requestTreeData: this.requestTreeData,
           requestTableData: this.requestTableData,
           closeModalConfirm: this.closeModalConfirm,
-          showModalConfirm: this.handleClickModalConfirm
+          showModalConfirm: this.handleClickModalConfirm,
+          currentRowData: this.record
         };
       }
     },
@@ -1712,11 +1713,11 @@
     /* style */
     const __vue_inject_styles__$D = function (inject) {
       if (!inject) return
-      inject("data-v-771c0b68_0", { source: ".g-table__action[data-v-771c0b68] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-771c0b68] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-771c0b68]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/action.vue","action.vue"],"names":[],"mappings":"AA8JA;EACA,aAAA;EACA,mBAAA;AC7JA;AD8JA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC5JA;AD6JA;EACA,cAAA;AC3JA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\n  <div class=\"g-table__action\">\n    <div class=\"table-action__item\" v-for=\"(item, idx) in execOperationExpression(dataSource)\" :key=\"idx\">\n      <template v-if=\"item.type == 'text'\">\n        <span @click=\"handleClickText(item)\">{{ item.label }}</span>\n      </template>\n      <template v-else-if=\"item.type == 'confirm'\">\n        <div>\n          <a-popconfirm :title=\"item.message\" @confirm=\"handleClickConfirm(item)\">\n            {{ item.label }}\n          </a-popconfirm>\n        </div>\n      </template>\n      <template v-else-if=\"item.type == 'dropdown'\">\n        <a-dropdown>\n          <a-menu slot=\"overlay\" @click=\"handleDropdownClick\">\n            <a-menu-item :key=\"`${item.key || ''}${menuKeyDelimiter}${opt.value || ''}`\" v-for=\"opt in execOperationExpression(item.optionList)\">\n              <template v-if=\"opt.type == 'confirm'\">\n                <a-popconfirm :title=\"opt.message\" @confirm=\"handleClickConfirm(opt)\">\n                  {{ opt.label }}\n                </a-popconfirm>\n              </template>\n              <template v-else-if=\"opt.type == 'modal-confirm'\">\n                <div style=\"width: 100%\" @click=\"handleClickModalConfirm(opt)\">{{ opt.label }}</div>\n                <ele-modal-confirm v-bind=\"opt.modalConfirm\" v-on=\"$listeners\" v-model=\"showModalConfirm\"></ele-modal-confirm>\n              </template>\n              <template v-else>\n                {{ opt.label }}\n              </template>\n            </a-menu-item>\n          </a-menu>\n         <span>{{ item.label }}</span>\n        </a-dropdown>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { v5 as uuidv5 } from 'uuid'\nimport { type, route } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../utils'\nconst MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002'\nexport default {\n  props: {\n    record: {\n      type: Object\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  inject: {\n    requestTreeData: {\n      default: void 0\n    },\n    requestTableData: {\n      default: void 0\n    }\n  },\n  data() {\n    return {\n      showModalConfirm: false\n    }\n  },\n  provide () {\n    return {\n      [CONTEXT]: () => {\n        return {\n          _route: this.$route.query,\n          _routeMeta: this.$route.meta,\n          exposed: this.builtInMethods,\n          ...this.record\n        }\n      }\n    }\n  },\n  computed: {\n    menuKeyDelimiter () {\n      return uuidv5('_', MENU_KEY_NAMESPACE)\n    },\n    builtInMethods () {\n      return { \n        requestTreeData: this.requestTreeData, \n        requestTableData: this.requestTableData,\n        closeModalConfirm: this.closeModalConfirm,\n        showModalConfirm: this.handleClickModalConfirm\n      }\n    }\n  },\n  methods: {\n    closeModalConfirm () {\n      this.showModalConfirm = false\n    },\n    handleClickModalConfirm () {\n      this.showModalConfirm = true\n    },\n    execOperationExpression (dataSource = []) {\n      const ret = dataSource.map(item => {\n        const { show } = item\n        if (type.isUndefined(show)) {\n          return item\n        } else if (type.isBool(show)) {\n          if (show) return item\n        } else if (type.isStr(show)) {\n          const parseRet = parse(show, { \n            ...this.record, \n            _route: route.searchToQueryParams(window.location.search) \n          })\n          if (parseRet) return item\n        }\n      }).filter(item => item)\n      return ret\n    },\n    handleClickConfirm (props) {\n      //TODO generate event by special rule\n      const { eventName, value, key } = props\n      this.$emit(eventName, { \n        key: value || key, \n        record: this.record,\n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    },\n    handleDropdownClick (props) {\n      const { key } = props\n      const [parent, child] = key.split(this.menuKeyDelimiter)\n      if (!parent || !child) {\n        throw new Error('key is required')\n      }\n      const currentDropdown = this.dataSource.find(item => item.key === parent)\n      const currentClickTarget = currentDropdown.optionList.find(item => item.value === child)\n      const { eventName, type } = currentClickTarget\n      //TODO generate event by special rule\n      if (type === 'confirm' || type === 'modal-confirm') return\n      this.$emit(eventName, { \n        key: child, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    },\n    handleClickText (props) {\n      const { eventName, key } = props\n      this.$emit(eventName, { \n        key, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__action {\n  display: flex;\n  flex-direction: row;\n  .table-action__item {\n    font-size: 14px;\n    color: #409EFF;\n    margin-left: 16px;\n    cursor: pointer;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
+      inject("data-v-f3b49cc4_0", { source: ".g-table__action[data-v-f3b49cc4] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-f3b49cc4] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-f3b49cc4]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/action.vue","action.vue"],"names":[],"mappings":"AA+JA;EACA,aAAA;EACA,mBAAA;AC9JA;AD+JA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC7JA;AD8JA;EACA,cAAA;AC5JA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\n  <div class=\"g-table__action\">\n    <div class=\"table-action__item\" v-for=\"(item, idx) in execOperationExpression(dataSource)\" :key=\"idx\">\n      <template v-if=\"item.type == 'text'\">\n        <span @click=\"handleClickText(item)\">{{ item.label }}</span>\n      </template>\n      <template v-else-if=\"item.type == 'confirm'\">\n        <div>\n          <a-popconfirm :title=\"item.message\" @confirm=\"handleClickConfirm(item)\">\n            {{ item.label }}\n          </a-popconfirm>\n        </div>\n      </template>\n      <template v-else-if=\"item.type == 'dropdown'\">\n        <a-dropdown>\n          <a-menu slot=\"overlay\" @click=\"handleDropdownClick\">\n            <a-menu-item :key=\"`${item.key || ''}${menuKeyDelimiter}${opt.value || ''}`\" v-for=\"opt in execOperationExpression(item.optionList)\">\n              <template v-if=\"opt.type == 'confirm'\">\n                <a-popconfirm :title=\"opt.message\" @confirm=\"handleClickConfirm(opt)\">\n                  {{ opt.label }}\n                </a-popconfirm>\n              </template>\n              <template v-else-if=\"opt.type == 'modal-confirm'\">\n                <div style=\"width: 100%\" @click=\"handleClickModalConfirm(opt)\">{{ opt.label }}</div>\n                <ele-modal-confirm v-bind=\"opt.modalConfirm\" v-on=\"$listeners\" v-model=\"showModalConfirm\"></ele-modal-confirm>\n              </template>\n              <template v-else>\n                {{ opt.label }}\n              </template>\n            </a-menu-item>\n          </a-menu>\n         <span>{{ item.label }}</span>\n        </a-dropdown>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { v5 as uuidv5 } from 'uuid'\nimport { type, route } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../utils'\nconst MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002'\nexport default {\n  props: {\n    record: {\n      type: Object\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  inject: {\n    requestTreeData: {\n      default: void 0\n    },\n    requestTableData: {\n      default: void 0\n    }\n  },\n  data() {\n    return {\n      showModalConfirm: false\n    }\n  },\n  provide () {\n    return {\n      [CONTEXT]: () => {\n        return {\n          _route: this.$route.query,\n          _routeMeta: this.$route.meta,\n          exposed: this.builtInMethods,\n          ...this.record\n        }\n      }\n    }\n  },\n  computed: {\n    menuKeyDelimiter () {\n      return uuidv5('_', MENU_KEY_NAMESPACE)\n    },\n    builtInMethods () {\n      return { \n        requestTreeData: this.requestTreeData, \n        requestTableData: this.requestTableData,\n        closeModalConfirm: this.closeModalConfirm,\n        showModalConfirm: this.handleClickModalConfirm,\n        currentRowData: this.record\n      }\n    }\n  },\n  methods: {\n    closeModalConfirm () {\n      this.showModalConfirm = false\n    },\n    handleClickModalConfirm () {\n      this.showModalConfirm = true\n    },\n    execOperationExpression (dataSource = []) {\n      const ret = dataSource.map(item => {\n        const { show } = item\n        if (type.isUndefined(show)) {\n          return item\n        } else if (type.isBool(show)) {\n          if (show) return item\n        } else if (type.isStr(show)) {\n          const parseRet = parse(show, { \n            ...this.record, \n            _route: route.searchToQueryParams(window.location.search) \n          })\n          if (parseRet) return item\n        }\n      }).filter(item => item)\n      return ret\n    },\n    handleClickConfirm (props) {\n      //TODO generate event by special rule\n      const { eventName, value, key } = props\n      this.$emit(eventName, { \n        key: value || key, \n        record: this.record,\n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    },\n    handleDropdownClick (props) {\n      const { key } = props\n      const [parent, child] = key.split(this.menuKeyDelimiter)\n      if (!parent || !child) {\n        throw new Error('key is required')\n      }\n      const currentDropdown = this.dataSource.find(item => item.key === parent)\n      const currentClickTarget = currentDropdown.optionList.find(item => item.value === child)\n      const { eventName, type } = currentClickTarget\n      //TODO generate event by special rule\n      if (type === 'confirm' || type === 'modal-confirm') return\n      this.$emit(eventName, { \n        key: child, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    },\n    handleClickText (props) {\n      const { eventName, key } = props\n      this.$emit(eventName, { \n        key, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: this.builtInMethods\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__action {\n  display: flex;\n  flex-direction: row;\n  .table-action__item {\n    font-size: 14px;\n    color: #409EFF;\n    margin-left: 16px;\n    cursor: pointer;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$D = "data-v-771c0b68";
+    const __vue_scope_id__$D = "data-v-f3b49cc4";
     /* module identifier */
     const __vue_module_identifier__$D = undefined;
     /* functional template */
@@ -2397,6 +2398,7 @@
           getCurrentRowData: this.getCurrentRowData,
           setCurrentRowData: this.setCurrentRowData,
           setCurrentTableSelection: this.setCurrentTableSelection,
+          cleanCurrentModelEffect: this.cleanCurrentModelEffect,
           route: this.$route,
           _route: this.$route.query,
           _routeMeta: this.$route.meta
@@ -2405,10 +2407,14 @@
       overrideTableEvent() {
         const events = this.actions.reduce((ret, action) => {
           ret[action.eventName] = e => {
+            this.setCurrentRowData(e.exposed.currentRowData);
             this.$emit(action.eventName || 'click', {
               ...e,
               currentTreeNode: this.currentTreeNodeData,
-              exposed: this.exposed
+              exposed: {
+                ...this.exposed,
+                ...e.exposed
+              }
             });
           };
           return ret;
@@ -2694,21 +2700,17 @@
           this.tableData = await this.requestTableData();
         }
       },
-      execTableFieldMap(fieldMap = {}, props) {
-        let ret = {};
-        const keys = Object.keys(fieldMap);
-        keys.forEach(key => {
-          const field = fieldMap[key];
-          ret[field] = props[key];
-        });
-        return ret;
-      },
       async selectTreeNode(selectedKeys, e) {
         const {
           fieldMap
         } = this.tableMeta;
-        this.currentTreeNodeData = e.node.$vnode.data.props.dataRef;
-        const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef);
+        this.currentTreeNodeData = e.node.$vnode.data.props.dataRef || {};
+        //@deprecated '_' namespace is deprecated, please use 'exposed' instead
+        const execFieldMapRet = parseFieldMap(fieldMap, {
+          ...this.currentTreeNodeData,
+          exposed: this.exposed,
+          _route: this.exposed._route
+        });
         const {
           overrideInit = false
         } = this.tableMeta;
@@ -2995,11 +2997,11 @@
     /* style */
     const __vue_inject_styles__$A = function (inject) {
       if (!inject) return
-      inject("data-v-fd69d120_0", { source: ".ele.model__tree-table[data-v-fd69d120] {\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-fd69d120] {\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-fd69d120] {\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-fd69d120] {\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-fd69d120] {\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-fd69d120] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-fd69d120] {\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-fd69d120] {\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":"AAkhBA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;ACjhBA;ADmhBA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;ACjhBA;ADohBA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;AClhBA;ADohBA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;AClhBA;ADohBA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;AClhBA;ADqhBA;EACA,gBAAA;ACnhBA;ADohBA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;AClhBA;ADqhBA;EACA,eAAA;EACA,kCAAA;ACnhBA;;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=\"mapFields\">\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 v-if=\"$slots['sub-center']\" 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        getCurrentRowData: this.getCurrentRowData,\n        setCurrentRowData: this.setCurrentRowData,\n        setCurrentTableSelection: this.setCurrentTableSelection,\n        route: this.$route,\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\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        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]\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        exposed: this.exposed\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    mapFields () {\n      const { replaceFields = {} } = this.treeMeta\n      const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      return mapFields\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      // const { replaceFields = {} } = this.treeMeta\n      // const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      // console.log('replaceFields', this.replaceFields, replaceFields)\n      this.defaultExpandedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.mapFields.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 = type.isEmpty(modeMeta) ? { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          } : modeMeta)\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    getCurrentRowData () {\n      return this.currentRowData\n    },\n    cleanCurrentModelEffect () {\n      this.setCurrentTableSelection()\n      this.setCurrentRowData({})\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      this.cleanCurrentModelEffect()\n      this.requestTableData()\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {\n      const { record = {} } = props\n      this.currentRowData = record\n      this.setCurrentRowData(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 });
+      inject("data-v-ef16ad8e_0", { source: ".ele.model__tree-table[data-v-ef16ad8e] {\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-ef16ad8e] {\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-ef16ad8e] {\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-ef16ad8e] {\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-ef16ad8e] {\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-ef16ad8e] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-ef16ad8e] {\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-ef16ad8e] {\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":"AA4gBA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AC3gBA;AD6gBA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;AC3gBA;AD8gBA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;AC5gBA;AD8gBA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;AC5gBA;AD8gBA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;AC5gBA;AD+gBA;EACA,gBAAA;AC7gBA;AD8gBA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;AC5gBA;AD+gBA;EACA,eAAA;EACA,kCAAA;AC7gBA;;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=\"mapFields\">\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 v-if=\"$slots['sub-center']\" 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        getCurrentRowData: this.getCurrentRowData,\n        setCurrentRowData: this.setCurrentRowData,\n        setCurrentTableSelection: this.setCurrentTableSelection,\n        cleanCurrentModelEffect: this.cleanCurrentModelEffect,\n        route: this.$route,\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    },\n    overrideTableEvent () {\n      const events = this.actions.reduce((ret, action) => {\n        ret[action.eventName] = (e) => {\n          this.setCurrentRowData(e.exposed.currentRowData)\n          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: { ...this.exposed, ...e.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        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]\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        exposed: this.exposed\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    mapFields () {\n      const { replaceFields = {} } = this.treeMeta\n      const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      return mapFields\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      // const { replaceFields = {} } = this.treeMeta\n      // const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      // console.log('replaceFields', this.replaceFields, replaceFields)\n      this.defaultExpandedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.mapFields.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 = type.isEmpty(modeMeta) ? { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          } : modeMeta)\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    getCurrentRowData () {\n      return this.currentRowData\n    },\n    cleanCurrentModelEffect () {\n      this.setCurrentTableSelection()\n      this.setCurrentRowData({})\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      this.cleanCurrentModelEffect()\n      this.requestTableData()\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {\n      const { record = {} } = props\n      this.currentRowData = record\n      this.setCurrentRowData(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    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef || {}\n      //@deprecated '_' namespace is deprecated, please use 'exposed' instead\n      const execFieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, exposed: this.exposed, _route: this.exposed._route })\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__$A = "data-v-fd69d120";
+    const __vue_scope_id__$A = "data-v-ef16ad8e";
     /* module identifier */
     const __vue_module_identifier__$A = undefined;
     /* functional template */
@@ -12045,6 +12047,15 @@
                 const {
                   modalConfirm
                 } = props;
+                if (this.preventModalConfirm(modalConfirm)) {
+                  this.$emit(props.eventName || 'click', {
+                    ...e,
+                    ...props,
+                    record: props,
+                    ...this.contextData
+                  });
+                  return;
+                }
                 if (modalConfirm) {
                   this.modalConfirmMeta = modalConfirm;
                   this.modalConfirmValue = true;
@@ -12062,6 +12073,14 @@
             const {
               modalConfirm
             } = item;
+            if (this.preventModalConfirm(modalConfirm)) {
+              this.$emit(item.eventName || 'click', {
+                ...e,
+                record: item,
+                ...this.contextData
+              });
+              return;
+            }
             if (modalConfirm) {
               this.modalConfirmMeta = modalConfirm;
               this.modalConfirmValue = true;
@@ -12106,6 +12125,12 @@
       }
     },
     methods: {
+      preventModalConfirm(modalConfirm = {}) {
+        const {
+          show
+        } = modalConfirm;
+        return !this.executeExpression(show);
+      },
       executeExpression(expression) {
         if (shared.type.isBool(expression)) return expression;
         if (shared.type.isEmpty(expression)) return true;
@@ -12188,11 +12213,11 @@
     /* style */
     const __vue_inject_styles__$a = function (inject) {
       if (!inject) return
-      inject("data-v-763b6ebb_0", { source: ".button-group__wrapper[data-v-763b6ebb] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-763b6ebb] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-763b6ebb]:first-child {\n  margin-left: 0;\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/button-group/src/index.vue","index.vue"],"names":[],"mappings":"AAyHA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACxHA;ADyHA;EACA,gBAAA;ACvHA;ADwHA;EACA,cAAA;ACtHA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"button-group__wrapper\">\n    <template v-for=\"(item, idx) in innerDatasource\" >\n      <ele-button\n        v-if=\"isBool(item._show) ? item._show : true\"\n        :type=\"item.type\"\n        :icon=\"item.icon\"\n        :mode=\"item.mode\"\n        :data-source=\"item.optionList\"\n        :event-name=\"item.eventName\"\n        :record=\"item\"\n        v-on=\"overrideButtonEvent\"\n        :key=\"idx\">\n        {{ item.label }}\n      </ele-button>\n    </template>\n    <ele-modal-confirm v-model=\"modalConfirmValue\" :contextProp=\"currentContext\" v-on=\"overrideModalConfirmEvent\" v-bind=\"modalConfirmMeta\"></ele-modal-confirm>\n  </div>\n</template>\n\n<script>\nimport { type } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-button-group',\n  props: {\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    return {\n      innerDatasource: [],\n      modalConfirmValue: false,\n      modalConfirmMeta: {}\n    }\n  },\n  inject: {\n    [CONTEXT]: {\n      default: () => (() => ({}))\n    }\n  },\n  computed: {\n    contextData () {\n      return {\n        ...this[CONTEXT].call(this),\n        ...this.currentContext\n      }\n    },\n    overrideButtonEvent () {\n      const events = this.dataSource.reduce((ret, item) => {\n        const { mode, optionList = [] } = item\n        if (mode == 'dropdown') {\n          optionList.forEach(props => {\n            ret[props.eventName || 'click'] = (e) => {\n              const { modalConfirm } = props\n              if (modalConfirm) {\n                this.modalConfirmMeta = modalConfirm\n                this.modalConfirmValue = true\n              }\n              this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n            }\n          })\n        }\n        ret[item.eventName || 'click'] = (e) => {\n          const { modalConfirm } = item\n          if (modalConfirm) {\n            this.modalConfirmMeta = modalConfirm\n            this.modalConfirmValue = true\n          }\n          this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        ...this.contextData\n      }\n    },\n    overrideModalConfirmEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    currentContext () {\n      return {\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    }\n  },\n  watch: {\n    dataSource: {\n      handler (dataSource) {\n        this.innerDatasource = dataSource.map(item => {\n          return {\n            ...item,\n            _show: this.executeExpression(item.show)\n          }\n        })\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    executeExpression (expression) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return true\n      return parse(expression, { ...this.currentContext, ...this.contextData })\n    },\n    isBool (arg) {\n      return type.isBool(arg)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  .ant-btn {\n    margin-left: 8px;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-7b7f199d_0", { source: ".button-group__wrapper[data-v-7b7f199d] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-7b7f199d] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-7b7f199d]:first-child {\n  margin-left: 0;\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/button-group/src/index.vue","index.vue"],"names":[],"mappings":"AAqIA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACpIA;ADqIA;EACA,gBAAA;ACnIA;ADoIA;EACA,cAAA;AClIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"button-group__wrapper\">\n    <template v-for=\"(item, idx) in innerDatasource\" >\n      <ele-button\n        v-if=\"isBool(item._show) ? item._show : true\"\n        :type=\"item.type\"\n        :icon=\"item.icon\"\n        :mode=\"item.mode\"\n        :data-source=\"item.optionList\"\n        :event-name=\"item.eventName\"\n        :record=\"item\"\n        v-on=\"overrideButtonEvent\"\n        :key=\"idx\">\n        {{ item.label }}\n      </ele-button>\n    </template>\n    <ele-modal-confirm v-model=\"modalConfirmValue\" :contextProp=\"currentContext\" v-on=\"overrideModalConfirmEvent\" v-bind=\"modalConfirmMeta\"></ele-modal-confirm>\n  </div>\n</template>\n\n<script>\nimport { type } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-button-group',\n  props: {\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    return {\n      innerDatasource: [],\n      modalConfirmValue: false,\n      modalConfirmMeta: {}\n    }\n  },\n  inject: {\n    [CONTEXT]: {\n      default: () => (() => ({}))\n    }\n  },\n  computed: {\n    contextData () {\n      return {\n        ...this[CONTEXT].call(this),\n        ...this.currentContext\n      }\n    },\n    overrideButtonEvent () {\n      const events = this.dataSource.reduce((ret, item) => {\n        const { mode, optionList = [] } = item\n        if (mode == 'dropdown') {\n          optionList.forEach(props => {\n            ret[props.eventName || 'click'] = (e) => {\n              const { modalConfirm } = props\n              if (this.preventModalConfirm(modalConfirm)) {\n                this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n                return\n              }\n              if (modalConfirm) {\n                this.modalConfirmMeta = modalConfirm\n                this.modalConfirmValue = true\n              }\n              this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n            }\n          })\n        }\n        ret[item.eventName || 'click'] = (e) => {\n          const { modalConfirm } = item\n          if (this.preventModalConfirm(modalConfirm)) {\n            this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n            return\n          }\n          if (modalConfirm) {\n            this.modalConfirmMeta = modalConfirm\n            this.modalConfirmValue = true\n          }\n          this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        ...this.contextData\n      }\n    },\n    overrideModalConfirmEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    currentContext () {\n      return {\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    }\n  },\n  watch: {\n    dataSource: {\n      handler (dataSource) {\n        this.innerDatasource = dataSource.map(item => {\n          return {\n            ...item,\n            _show: this.executeExpression(item.show)\n          }\n        })\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    preventModalConfirm (modalConfirm = {}) {\n      const { show } = modalConfirm\n      return !this.executeExpression(show)\n    },\n    executeExpression (expression) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return true\n      return parse(expression, { ...this.currentContext, ...this.contextData })\n    },\n    isBool (arg) {\n      return type.isBool(arg)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  .ant-btn {\n    margin-left: 8px;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$a = "data-v-763b6ebb";
+    const __vue_scope_id__$a = "data-v-7b7f199d";
     /* module identifier */
     const __vue_module_identifier__$a = undefined;
     /* functional template */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idooel/components",
-  "version": "0.0.1-beta.86",
+  "version": "0.0.1-beta.88",
   "description": "",
   "private": false,
   "main": "dist/@idooel/components.umd.js",

package/packages/composite-components/button-group/src/index.vue

@@ -56,6 +56,10 @@ export default {
           optionList.forEach(props => {
             ret[props.eventName || 'click'] = (e) => {
               const { modalConfirm } = props
+              if (this.preventModalConfirm(modalConfirm)) {
+                this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })
+                return
+              }
               if (modalConfirm) {
                 this.modalConfirmMeta = modalConfirm
                 this.modalConfirmValue = true
@@ -66,6 +70,10 @@ export default {
         }
         ret[item.eventName || 'click'] = (e) => {
           const { modalConfirm } = item
+          if (this.preventModalConfirm(modalConfirm)) {
+            this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })
+            return
+          }
           if (modalConfirm) {
             this.modalConfirmMeta = modalConfirm
             this.modalConfirmValue = true
@@ -106,6 +114,10 @@ export default {
     }
   },
   methods: {
+    preventModalConfirm (modalConfirm = {}) {
+      const { show } = modalConfirm
+      return !this.executeExpression(show)
+    },
     executeExpression (expression) {
       if (type.isBool(expression)) return expression
       if (type.isEmpty(expression)) return true

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

@@ -194,6 +194,7 @@ export default {
         getCurrentRowData: this.getCurrentRowData,
         setCurrentRowData: this.setCurrentRowData,
         setCurrentTableSelection: this.setCurrentTableSelection,
+        cleanCurrentModelEffect: this.cleanCurrentModelEffect,
         route: this.$route,
         _route: this.$route.query,
         _routeMeta: this.$route.meta
@@ -202,7 +203,8 @@ export default {
     overrideTableEvent () {
       const events = this.actions.reduce((ret, action) => {
         ret[action.eventName] = (e) => {
-          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })
+          this.setCurrentRowData(e.exposed.currentRowData)
+          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: { ...this.exposed, ...e.exposed } })
         }
         return ret
       }, {})
@@ -431,19 +433,11 @@ export default {
         this.tableData = await this.requestTableData()
       }
     },
-    execTableFieldMap (fieldMap = {}, props) {
-      let ret = {}
-      const keys = Object.keys(fieldMap)
-      keys.forEach(key => {
-        const field = fieldMap[key]
-        ret[field] = props[key]
-      })
-      return ret
-    },
     async selectTreeNode (selectedKeys, e) {
       const { fieldMap } = this.tableMeta
-      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef
-      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)
+      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef || {}
+      //@deprecated '_' namespace is deprecated, please use 'exposed' instead
+      const execFieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, exposed: this.exposed, _route: this.exposed._route })
       const { overrideInit = false } = this.tableMeta
       if (overrideInit) {
         this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })

package/packages/table/src/action.vue

@@ -86,7 +86,8 @@ export default {
         requestTreeData: this.requestTreeData, 
         requestTableData: this.requestTableData,
         closeModalConfirm: this.closeModalConfirm,
-        showModalConfirm: this.handleClickModalConfirm
+        showModalConfirm: this.handleClickModalConfirm,
+        currentRowData: this.record
       }
     }
   },