@oinone/kunlun-vue-admin-base 6.3.9 → 6.4.0

package/src/style/antdComponents/All.scss

@@ -219,10 +219,6 @@ a:hover {
 .ant-table-tbody > tr.ant-table-row-selected td {
   background: rgba(var(--oio-primary-color-rgb), 0.1);
 }
-.ant-modal-close {
-  font-weight: normal;
-}
-
 .ant-input-wrapper {
   > .ant-input,
   .ant-input-affix-wrapper,
@@ -236,8 +232,8 @@ a:hover {
 
 .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover,
 .ant-dropdown-menu-submenu-title:hover {
-  background: var(--oio-hover-background-color);
-  color: var(--oio-hover-text-color);
+  background: var(--oio-dropdown-background-hover);
+  color: var(--oio-dropdown-color-hover);
 }
 
 .anticon.ant-input-clear-icon {
@@ -306,8 +302,8 @@ a:hover {
   .ant-select-item {
     color: var(--oio-select-dropdown-color) !important;
     &:hover {
-      background: var(--oio-select-dropdown-selected) !important;
-      color: var(--oio-select-dropdown-selected-color) !important;
+      background: var(--oio-select-dropdown-hover-background) !important;
+      color: var(--oio-select-dropdown-hover-color) !important;
     }
     &.ant-select-item-option-selected {
       background: var(--oio-select-dropdown-selected) !important;
@@ -334,7 +330,7 @@ a:hover {
 .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
 .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
   .ant-picker-cell-inner {
-  color: var(--oio-primary-color);
+  color: var(--oio-datetime-text-color-hover);
 }
 
 .ant-picker-header,

package/src/style/basic.scss

@@ -4,5 +4,6 @@ a {
 
 body {
   color: var(--oio-text-color-secondary);
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji';;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
+    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 }

package/src/style/components/implementation/form/select.scss

@@ -2,8 +2,8 @@
   font-family: 'selectIconfont';
   /* Project id 2657071 */
   src: url('//at.alicdn.com/t/font_2657071_fdxlnx3uyl.woff2?t=1649766092203') format('woff2'),
-    url('//at.alicdn.com/t/font_2657071_fdxlnx3uyl.woff?t=1649766092203') format('woff'),
-    url('//at.alicdn.com/t/font_2657071_fdxlnx3uyl.ttf?t=1649766092203') format('truetype');
+  url('//at.alicdn.com/t/font_2657071_fdxlnx3uyl.woff?t=1649766092203') format('woff'),
+  url('//at.alicdn.com/t/font_2657071_fdxlnx3uyl.ttf?t=1649766092203') format('truetype');
 }
 
 @mixin readonly($sbc) {
@@ -58,14 +58,9 @@
     &:hover {
       border-color: var(--oio-primary-color);
     }
-
-    border-color: var(--oio-border-color);
-    box-shadow: none;
   }
 
   .ant-select:not(.ant-select-customize-input) .ant-select-selector {
-    border-radius: 4px;
-
     &:hover {
       border-color: var(--oio-primary-color);
     }
@@ -88,10 +83,6 @@
     color: var(--oio-text-color-secondary);
   }
 
-  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
-    border-color: var(--oio-border-color);
-  }
-
   .ant-select-item-option {
     &:hover {
       background: rgba(var(--oio-primary-color-rgb), 0.1);
@@ -334,16 +325,6 @@
       height: calc(var(--oio-height) - 4px);
       line-height: calc(var(--oio-select-line-height) - 4px);
     }
-
-    &:after {
-      font-family: 'selectIconfont';
-      content: '\e6cf';
-      font-size: 14px;
-      color: var(--oio-icon-color);
-      line-height: var(--oio-select-line-height);
-      width: auto;
-      margin-right: 8px;
-    }
   }
 
   &.hide-clear {

package/src/style/components/implementation/form/string.scss

@@ -1,10 +1,12 @@
 .form-input-password {
 }
+
 .form-verification-code-input {
   .oio-input {
     width: 90%;
     margin-right: 10px;
   }
+
   > img {
     width: 10%;
     height: var(--oio-height);
@@ -28,6 +30,7 @@
       background-color: var(--oio-readonly-bg);
     }
   }
+
   .ant-input-group-addon {
     text-align: unset;
   }
@@ -48,8 +51,10 @@
     .oio-select.ant-select .ant-select-selector .ant-select-selection-search {
       background: inherit;
     }
+
     .ant-select-selector {
       height: calc(var(--oio-height) - 2px) !important;
+
       .ant-select-selection-item,
       .ant-select-selection-search {
         padding: 0 18px 0 11px !important;
@@ -64,6 +69,7 @@
     flex: 1;
     background: var(--oio-input-background);
     height: var(--oio-height);
+
     .ant-input {
       background: var(--oio-input-background);
     }
@@ -86,6 +92,7 @@
   min-height: calc(var(--oio-height));
   box-sizing: border-box;
   z-index: 1;
+
   .input {
     width: 30%;
     border: 0;
@@ -98,14 +105,18 @@
     word-break: break-all;
     caret-color: var(--oio-input-text-color);
     color: var(--oio-input-text-color);
+
     &.tags-empty {
       width: 100%;
     }
+
     margin: 0 0 0 8px;
+
     &.readonly {
       background-color: var(--oio-readonly-bg);
       pointer-events: none;
     }
+
     &.disabled {
       background-color: var(--oio-disabled-bg);
       pointer-events: none;
@@ -139,6 +150,10 @@
       top: 50%;
       transform: translate(0, -50%);
     }
+
+    &.ready-delete-tag {
+      background-color: var(--oio-input-ready-delete-tag-background);
+    }
   }
 
   &.disabled {
@@ -146,10 +161,12 @@
     background-color: var(--oio-disabled-bg);
     pointer-events: none;
   }
+
   &.readonly {
     background: var(--oio-readonly-bg);
     pointer-events: none;
   }
+
   &:hover {
     .clear {
       display: inline;
@@ -160,6 +177,7 @@
       transform: translate(0, -50%);
     }
   }
+
   .clear {
     display: none;
   }

package/src/style/components/index.scss

@@ -3,7 +3,6 @@
 @import './operationTittle.scss';
 @import './searchView.scss';
 @import './tabs.scss';
-@import './drawer.scss';
 
 @import './implementation/detail/index.scss';
 @import './implementation/form/index.scss';

package/src/style/index.scss

@@ -26,6 +26,7 @@
 @import '../view/table/style/index.scss';
 @import '../view/tree/style/index.scss';
 @import '../view/view/style/index.scss';
+@import '../view/detail/style/index.scss';
 
 @import '../field/index.scss';
 @import '../main-view/style/index.scss';

package/src/tags/ActionBar.vue

@@ -1,8 +1,7 @@
 <script lang="ts">
 import { ActiveRecords } from '@oinone/kunlun-engine';
-import { WidgetTagProps } from '@oinone/kunlun-vue-widget';
-import { defineComponent, PropType, watch, watchEffect } from 'vue';
-import { useInjectMetaContext } from './context';
+import { useInjectMetaContext, WidgetTagProps } from '@oinone/kunlun-vue-widget';
+import { defineComponent, PropType, watch } from 'vue';
 import { useWidgetTag, UseWidgetTagMixin } from './mixin';
 import { InternalWidget } from './resolve';
 

package/src/tags/Row.vue

@@ -1,7 +1,6 @@
 <script lang="ts">
-import { WidgetTagProps } from '@oinone/kunlun-vue-widget';
+import { useInjectMetaContext, WidgetTagProps } from '@oinone/kunlun-vue-widget';
 import { defineComponent } from 'vue';
-import { useInjectMetaContext } from './context';
 import { useWidgetTag, UseWidgetTagMixin } from './mixin';
 import { InternalWidget } from './resolve';
 

package/src/tags/View.vue

@@ -1,9 +1,17 @@
 <script lang="ts">
 import { ViewType } from '@oinone/kunlun-meta';
 import { Optional } from '@oinone/kunlun-shared';
-import { DslRender, renderWidgets, reportAllMounted, VueWidget, WidgetTagProps } from '@oinone/kunlun-vue-widget';
+import {
+  DslRender,
+  renderWidgets,
+  reportAllMounted,
+  useInjectMetaContext,
+  useProviderMetaContext,
+  VueWidget,
+  WidgetTagProps
+} from '@oinone/kunlun-vue-widget';
 import { computed, defineComponent, PropType, ref, Slots } from 'vue';
-import { createOrUpdateRuntimeContextByDslDefinition, useInjectMetaContext, useProviderMetaContext } from './context';
+import { createOrUpdateRuntimeContextByDslDefinition } from './context';
 import { createCustomWidget, InternalWidget } from './resolve';
 import { ViewWidgetProps } from './resolve/internal';
 

package/src/tags/context/index.ts

@@ -1,3 +1,2 @@
-export * from './context';
 export * from './active';
 export * from './runtime-context-helper';

package/src/tags/context/runtime-context-helper.ts

@@ -17,10 +17,10 @@ import { ViewType } from '@oinone/kunlun-meta';
 import { debugConsole, uniqueKeyGenerator } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { getDefaultMaskTemplate, maskTemplateEdit } from '@oinone/kunlun-vue-admin-layout';
+import { useInjectMetaContext } from '@oinone/kunlun-vue-widget';
 import { isNil, isPlainObject, isString } from 'lodash-es';
 import { LayoutManager, LayoutRegisterOptions, MaskManager } from '../../spi';
 import { ActiveLayoutEffectOpt } from './active';
-import { useInjectMetaContext } from './context';
 
 export function seekViewMask(viewAction: RuntimeViewAction, moduleName?: string): DslDefinition {
   let maskTemplate: string | undefined = MaskManager.selector({
@@ -81,6 +81,7 @@ function seekViewLayout(
   if (!finalViewLayout) {
     finalViewLayout = createDefaultLayout(viewType, inline);
   }
+
   return finalViewLayout;
 }
 

package/src/tags/internal/EditorField.vue

@@ -1,15 +1,14 @@
 <script lang="ts">
 import { DslDefinitionType } from '@oinone/kunlun-dsl';
 import { ActiveRecords, RuntimeContextManager, RuntimeModelField } from '@oinone/kunlun-engine';
-import { RenderWidget, VueWidget, WidgetTagProps } from '@oinone/kunlun-vue-widget';
+import { ViewType } from '@oinone/kunlun-meta';
+import { RenderWidget, useInjectMetaContext, VueWidget, WidgetTagProps } from '@oinone/kunlun-vue-widget';
 import { defineComponent, PropType, Slots } from 'vue';
 import { BaseFieldOptions, BaseFieldWidget, EditorFieldWidget } from '../../basic';
 import { selectorEditorFieldMixinComponent } from '../../spi';
-import { useInjectMetaContext } from '../context';
 import { useWidgetTag, UseWidgetTagMixin } from '../mixin';
 import { CustomWidgetProps, InternalWidget } from '../resolve';
 import { createFlexContainerItem, FieldWidgetProps } from '../resolve/internal';
-import { ViewType } from '@oinone/kunlun-meta';
 
 function createEditorFieldWidget(props: FieldWidgetProps): RenderWidget | undefined {
   const { rootHandle, parentHandle, widget, model, data, __metadata_index } = props;

package/src/tags/mixin/BaseWidgetTagMixin.ts

@@ -5,12 +5,13 @@ import {
   RenderWidget,
   renderWidgets,
   reportAllMounted,
+  useInjectMetaContext,
+  useProviderMetaContext,
   VueWidget,
   WidgetTagProps
 } from '@oinone/kunlun-vue-widget';
 import { isNil } from 'lodash-es';
 import { ComponentOptionsMixin, computed, Slots } from 'vue';
-import { useInjectMetaContext, useProviderMetaContext } from '../context';
 import { createCustomWidget, CustomWidgetProps, InternalWidget } from '../resolve';
 import { BaseWidgetTagMixinContext } from './typing';
 

package/src/tags/mixin/use-widget-tag.ts

@@ -4,12 +4,13 @@ import {
   RenderWidget,
   renderWidgets,
   reportAllMounted,
+  useInjectMetaContext,
+  useProviderMetaContext,
   VueWidget,
   WidgetTagProps
 } from '@oinone/kunlun-vue-widget';
 import { isNil } from 'lodash-es';
 import { ComponentOptionsMixin, computed, Ref, ref, SetupContext, Slots } from 'vue';
-import { useInjectMetaContext, useProviderMetaContext } from '../context';
 import { createCustomWidget, CustomWidgetProps, InternalWidget } from '../resolve';
 import { BaseWidgetTagMixinContext } from './typing';
 

package/src/tags/resolve/helper.ts

@@ -1,12 +1,7 @@
-import { ViewType } from '@oinone/kunlun-meta';
 import { DEFAULT_SLOT_NAME, DslDefinition, DslDefinitionHelper, DslDefinitionType } from '@oinone/kunlun-dsl';
 import { DslRender } from '@oinone/kunlun-vue-widget';
-import { CSSStyle } from '@oinone/kunlun-shared';
-import { DEFAULT_COLS, FlexColMode } from '@oinone/kunlun-vue-ui-common';
-import { isNil } from 'lodash-es';
-import { Slot, VNode, createVNode } from 'vue';
+import { Slot, VNode } from 'vue';
 import { InternalWidget, ResolveMode } from './typing';
-import { RowHelper, ColHelper } from './internal/row-col-resolve';
 
 /**
  * 是否创建flex相关元素
@@ -16,36 +11,27 @@ export function isCreateFlexElement(resolveMode: ResolveMode | undefined) {
   return !resolveMode || (resolveMode && [ResolveMode.DEFAULT, ResolveMode.FLEX].includes(resolveMode));
 }
 
-function collectionAffectiveChildren(dsl: DslDefinition, maxSize?: number, children?: DslDefinition[]) {
-  if (isNil(maxSize)) {
-    maxSize = -1;
-  }
-  if (isNil(children)) {
-    children = [];
-  }
+function collectionAffectiveChildren(dsl: DslDefinition, children: DslDefinition[]) {
   for (const widget of dsl.widgets || []) {
     if (DslDefinitionHelper.isSlot(widget)) {
       continue;
     }
     if (DslDefinitionHelper.isTemplate(widget)) {
       if (widget.slot === DEFAULT_SLOT_NAME) {
-        collectionAffectiveChildren(widget, maxSize, children);
+        collectionAffectiveChildren(widget, children);
       }
       continue;
     }
     children.push(widget);
-    if (maxSize > 0 && children?.length > maxSize) {
+    if (children.length >= 2) {
       break;
     }
   }
   return children;
 }
 
-export function isOnlyOneRowWidget(dsl: DslDefinition | undefined) {
-  if (!dsl) {
-    return false;
-  }
-  const children: DslDefinition[] = collectionAffectiveChildren(dsl, 2);
+function isOnlyOneRowWidget(dsl: DslDefinition) {
+  const children: DslDefinition[] = collectionAffectiveChildren(dsl, []);
   const len = children.length;
   if (len === 1) {
     const maybeRowWidget = children[0];
@@ -84,166 +70,3 @@ export function defaultFlexResolve(template: DslDefinition | undefined, defaultS
   }
   return defaultChildren;
 }
-
-function resolveRowStyle(rowDsl, parentCols?: number): CSSStyle {
-  const rowHelper = new RowHelper(rowDsl, parentCols);
-  return rowHelper.fetchRowStyle();
-}
-
-function resolveColStyle(
-  colDsl: DslDefinition,
-  parentDsl: DslDefinition,
-  parentCols?: number,
-  viewType?: ViewType
-): CSSStyle {
-  const colHelper = new ColHelper(new RowHelper(parentDsl, parentCols), colDsl, viewType);
-  return colHelper.fetchColStyle();
-}
-
-function fixContainerWidgetSpan(widgets: DslDefinition[]) {
-  const isContainer = !!widgets.every((w) => w.widget && w.widget === InternalWidget.Container);
-
-  if (isContainer) {
-    const placeSpan = widgets.reduce((span, widget) => {
-      return span + (widget.span || 0);
-    }, 0);
-
-    const otherSpan = DEFAULT_COLS - placeSpan;
-
-    if (otherSpan > 0) {
-      const notSpanWidgets = widgets.filter((w) => !w.span);
-      const span = Math.floor(otherSpan / notSpanWidgets.length);
-      notSpanWidgets.forEach((w) => {
-        w.span = w.span || span;
-        w.widthType = w.widthType || FlexColMode.MANUAL;
-      });
-    }
-  }
-}
-
-function deepTraverse(template: DslDefinition): DslDefinition[] {
-  const widgets = template.widgets;
-
-  fixContainerWidgetSpan(widgets);
-
-  const res: DslDefinition[] = [];
-  widgets.forEach((dsl) => {
-    if (![InternalWidget.Row, InternalWidget.Col].includes(dsl.widget)) {
-      res.push(dsl);
-    } else {
-      res.push(...deepTraverse(dsl));
-    }
-  });
-  return res;
-}
-
-/**
- * 创建flex样式，消除row和col
- * @param template dsl
- * @param originChildren 原本的Children，会因为里面是Row或Col而修改
- * @param parentCols 作为父Cols传递
- * @param ViewType 视图类型，目前只发现SEARCH有特殊处理
- * @param origin 以originChildren为主
- * @returns
- */
-export function cssStyleFlexResolve(
-  template: DslDefinition | undefined,
-  originChildren: VNode[],
-  parentCols?: number,
-  viewType?: ViewType,
-  origin?: boolean
-): { defaultChildren: VNode[]; rowStyle?: CSSStyle } {
-  let defaultChildren: VNode[] = [],
-    rowStyle: CSSStyle = {} as CSSStyle;
-  if (template) {
-    if (isCreateFlexElement(template.resolveOptions?.mode)) {
-      const childDsls: DslDefinition[] = template.widgets;
-      if (!childDsls || !childDsls.length) return { defaultChildren, rowStyle };
-      if (!originChildren) return { defaultChildren, rowStyle };
-
-      if (origin) {
-        const { defaultChildren: resultDefaultChildren, rowStyle: resultRowStyle } = cssStyleFlexR(
-          template,
-          originChildren,
-          parentCols,
-          viewType
-        );
-        defaultChildren = resultDefaultChildren;
-        rowStyle = resultRowStyle;
-      } else {
-        const realDsls = deepTraverse(template);
-        const realChildren: VNode[] = (
-          DslRender.fetchVNodeSlots({ widgets: realDsls } as DslDefinition) as any
-        ).default();
-        const { defaultChildren: resultDefaultChildren, rowStyle: resultRowStyle } = cssStyleFlexR(
-          template,
-          realChildren,
-          parentCols,
-          viewType
-        );
-        defaultChildren = resultDefaultChildren;
-        rowStyle = resultRowStyle;
-      }
-    }
-  }
-  return { defaultChildren, rowStyle };
-}
-
-/**
- * 递归创建flex样式
- * @param template dsl
- * @param consumptionVNodes 去掉row和col后的VNode（不带row和col样式）或原始VNode（兼容searchActionBar没有dsl）
- * @param parentCols 作为父Cols传递
- * @param ViewType 视图类型，目前只发现SEARCH有特殊处理
- * @returns
- */
-function cssStyleFlexR(
-  template: DslDefinition,
-  consumptionVNodes: VNode[],
-  parentCols?: number,
-  viewType?: ViewType
-): { defaultChildren: VNode[]; rowStyle: CSSStyle; rowClassList: string[] } {
-  let defaultChildren: VNode[] = [],
-    rowStyle: CSSStyle = {} as CSSStyle,
-    rowClassList: string[] = [];
-  const childDsl: DslDefinition[] = template.widgets;
-
-  childDsl.forEach((childDsl, index) => {
-    if (childDsl.widget === InternalWidget.Row) {
-      rowStyle = resolveRowStyle(childDsl, parentCols);
-      const { defaultChildren: childDefaultChildren } = cssStyleFlexR(
-        childDsl,
-        consumptionVNodes,
-        parentCols,
-        viewType
-      );
-      defaultChildren.push(...childDefaultChildren);
-      rowClassList.push('oio-row');
-    } else if (childDsl.widget === InternalWidget.Col) {
-      rowStyle = resolveRowStyle(template, parentCols);
-      const {
-        defaultChildren: childDefaultChildren,
-        rowStyle: childRowStyle,
-        rowClassList: childRowClassList
-      } = cssStyleFlexR(childDsl, consumptionVNodes);
-      const colStyle = resolveColStyle(childDsl, template, parentCols, viewType);
-      const childColClassList: string[] = childDsl.class?.split(' ') || [];
-      defaultChildren.push(
-        createVNode(
-          'div',
-          { style: { ...childRowStyle, ...colStyle }, class: [...childRowClassList, ...childColClassList, 'oio-col'] },
-          childDefaultChildren
-        )
-      );
-    } else if (consumptionVNodes.length) {
-      rowStyle = resolveRowStyle(template, parentCols);
-      const colStyle = resolveColStyle(childDsl, template, parentCols, viewType);
-      const child = consumptionVNodes.shift();
-      if (child) {
-        child.props = { ...child.props, colStyle };
-        defaultChildren.push(child);
-      }
-    }
-  });
-  return { defaultChildren, rowStyle, rowClassList };
-}

package/src/tags/resolve/internal/widget-resolve.ts

@@ -75,10 +75,17 @@ export function createFlexContainerItem(
     ) => { widget?: VueWidget; slotName?: string };
   }
 ) {
+  let cloneProps = props;
+  if (props.template) {
+    const cloneTemplate = { ...props.template };
+    delete cloneTemplate.class;
+    delete cloneTemplate.style;
+    cloneProps = { ...props, template: cloneTemplate };
+  }
   const { widget: realParentWidget, slotName } = (options?.fetchRealParentWidget || fetchRealParentWidget)(
     widgets,
     parentHandle,
-    props
+    cloneProps
   );
   let parentWidget: VueWidget;
   if (realParentWidget) {
@@ -404,11 +411,11 @@ export function createContainerWidget(props: PackWidgetProps): RenderWidget | un
     props,
     (parentWidget, realParentHandle) => (widgetRef = parentWidget.createWidget(constructor, realParentHandle, props)),
     {
-      fetchRealParentWidget: (_, realParentHandle: string) => {
-        return fetchRealParentWidget(widgets, realParentHandle, props, {
+      fetchRealParentWidget: (_, realParentHandle: string, _props) => {
+        return fetchRealParentWidget(widgets, realParentHandle, _props, {
           createDefaultCol: (rowWidget: DefaultRowWidget) => {
             return rowWidget.createWidget(new DefaultContainerColWidget(rowWidget), undefined, {
-              ...props,
+              ..._props,
               internal: true
             });
           }

package/src/tags/resolve/widget-resolve.ts

@@ -1,8 +1,7 @@
 import { isDev } from '@oinone/kunlun-router';
 import { CastHelper } from '@oinone/kunlun-shared';
-import { RenderWidget } from '@oinone/kunlun-vue-widget';
+import { defaultMetaContext, RenderWidget } from '@oinone/kunlun-vue-widget';
 import { unref } from 'vue';
-import { defaultMetaContext } from '../context';
 import {
   createActionColumnWidget,
   createActionWidget,

package/src/typing/action.ts

@@ -11,9 +11,3 @@ export interface ActionKeyboardConfig extends Record<string, unknown> {
   alt?: boolean;
   shift?: boolean;
 }
-
-export enum TableRowEditMode {
-  CREATE ='CREATE',
-  COPY = 'COPY',
-  EXIST = 'EXIST'
-}

package/src/typing/card-cascader.ts

@@ -1,4 +1,4 @@
-import { OioTreeNode } from '@oinone/kunlun-vue-ui-common';
+import { OioTreeNode } from '@oinone/kunlun-shared';
 import { TreeData } from './tree';
 
 export interface CardCascaderItemData extends TreeData {

package/src/typing/control-icon.ts

@@ -0,0 +1,7 @@
+export enum TableLineHeightEnum {
+  DEFAULT = 'DEFAULT',
+  SMALL = 'SMALL',
+  MIDDLE = 'MIDDLE',
+  LARGE = 'LARGE',
+  AUTO = 'AUTO'
+}

package/src/typing/event/index.ts

@@ -0,0 +1 @@
+export * from './table';

package/src/typing/event/table.ts

@@ -0,0 +1,44 @@
+import { ActiveRecord, RuntimeAction } from '@oinone/kunlun-engine';
+import { CallChaining } from '@oinone/kunlun-shared';
+
+export enum TableEventType {
+  /**
+   * 添加一行
+   */
+  add = 'add',
+  /**
+   * 复制一行
+   */
+  copy = 'copy',
+  /**
+   * 编辑一行
+   */
+  edit = 'edit'
+}
+
+export interface BaseTableEvent {
+  type: keyof typeof TableEventType | TableEventType;
+  action?: RuntimeAction;
+}
+
+export interface TableAddEvent extends BaseTableEvent {
+  activeRecord?: ActiveRecord;
+  activeRecords?: ActiveRecord[];
+  insertTo?: number;
+}
+
+export interface TableCopyEvent extends BaseTableEvent {
+  clone?: boolean;
+  activeRecord?: ActiveRecord;
+  activeRecords?: ActiveRecord[];
+  index?: number;
+  copyTo?: number;
+}
+
+export interface TableEditEvent extends BaseTableEvent {
+  activeRecord?: ActiveRecord;
+  activeRecords?: ActiveRecord[];
+  index?: number;
+}
+
+export type TableEventCallChaining = CallChaining<BaseTableEvent>;