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

package/dist/types/src/tags/resolve/internal/row-col-resolve.d.ts

@@ -1,76 +0,0 @@
-import { ViewType } from '@oinone/kunlun-meta';
-import { DslDefinition } from '@oinone/kunlun-dsl';
-import { CSSStyle } from '@oinone/kunlun-shared';
-import { FlexColMode } from '@oinone/kunlun-vue-ui-common';
-import { PropType } from 'vue';
-export interface rowProps {
-    align?: string;
-    gutter: number[];
-    justify?: string;
-    flexLayout?: string;
-    flexDirection?: string;
-    wrap?: boolean;
-    cols: number;
-    style?: CSSStyle;
-}
-export interface colProps {
-    offset: number;
-    span: number;
-    mode?: FlexColMode;
-    width: string;
-    minWidth: string;
-    maxWidth: string;
-    style?: CSSStyle;
-}
-export declare const ColStyleComponent: import("vue").DefineComponent<{
-    colStyle: PropType<CSSStyle>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    colStyle: PropType<CSSStyle>;
-}>>, {}>;
-export declare class RowHelper {
-    private customDefaultGutter;
-    private isCard;
-    private defaultWidget;
-    private rowProps;
-    private widget;
-    constructor(rowDsl: DslDefinition, parentCols?: number);
-    fetchRowStyle(): CSSStyle;
-    private computeStyle;
-    getRowProps(): rowProps;
-    private getDefaultGutters;
-    private defaultGutter;
-    private getAlign;
-    private getGutter;
-    private getJustify;
-    private getFlexLayout;
-    private getFlexDirection;
-    private getWrap;
-    private getCols;
-    private getDefaultCols;
-    private getStyle;
-}
-export declare class ColHelper {
-    private rowHelper;
-    private colProps;
-    private viewType;
-    private widget;
-    constructor(rowHelper: RowHelper, colDsl: DslDefinition, viewType?: ViewType);
-    fetchColStyle(): CSSStyle;
-    private computeStyle;
-    /**
-     * 根据span和gutter计算flex样式
-     * @returns
-     */
-    calculateFlex(span: any, gutter: number[]): string;
-    calculateContainerFlex(span: any, gutter: number[], mode?: FlexColMode): string;
-    calculateMarginLeft(gutter: any, offset: number): string;
-    calculateFinalGutter(gutter: number[]): number;
-    getColProps(): colProps;
-    private getOffset;
-    private getSpan;
-    private getMode;
-    private getWidth;
-    private getMinWidth;
-    private getMaxWidth;
-    private getStyle;
-}

package/dist/types/src/view/table/config.d.ts

@@ -1,22 +0,0 @@
-import { RuntimeConfigOptions } from '@oinone/kunlun-meta';
-/**
- * Table配置
- */
-export interface TableConfig extends RuntimeConfigOptions {
-    /**
-     * 行高
-     */
-    lineHeight?: number;
-    /**
-     * 最小行高
-     */
-    minLineHeight?: number;
-    /**
-     * 自动行高
-     */
-    autoLineHeight?: boolean;
-}
-export declare class TableConfigManager {
-    private constructor();
-    static getConfig(): TableConfig;
-}

package/dist/types/src/view/table/typing.d.ts

@@ -1,4 +0,0 @@
-export declare enum TableRowClickMode {
-    click = "click",
-    dblclick = "dblclick"
-}

package/src/basic/form/context.ts

@@ -1,51 +0,0 @@
-import { inject, InjectionKey, provide } from 'vue';
-
-/**
- * 下拉的高度「时间组件」
- */
-const dropdownMinHeight = 350;
-
-/**
- * 下拉的高度「select组件」
- */
-const normalDropdownMinHeight = 300;
-
-export interface OioDefaultFormContext {
-  getTriggerContainer: (triggerNode: Node | HTMLElement) => Node | HTMLElement;
-}
-
-export const OioDefaultFormContextKey: InjectionKey<OioDefaultFormContext> = Symbol('OioDefaultFormContext');
-
-export const useProviderOioDefaultFormContext = (state: OioDefaultFormContext): void => {
-  provide(OioDefaultFormContextKey, state);
-};
-
-export const useInjectOioDefaultFormContext = (): OioDefaultFormContext => {
-  return inject(OioDefaultFormContextKey, {
-    getTriggerContainer: (triggerNode) => {
-      const node = triggerNode as HTMLElement;
-
-      const table = node.closest('.oio-table');
-      const tableClientHeight = table?.clientHeight || 0;
-
-      if (table && tableClientHeight < dropdownMinHeight) {
-        return document.body;
-      }
-
-      const modal = node.closest('.oio-modal');
-      const parentNode = node.parentNode as HTMLElement;
-
-      if (modal) {
-        const modalBodyHeight = modal.querySelector('.ant-modal-body')?.clientHeight || 0;
-
-        const miniHeight = !!parentNode?.closest('.oio-select') ? normalDropdownMinHeight : dropdownMinHeight;
-
-        if (modalBodyHeight < miniHeight) {
-          return document.body;
-        }
-      }
-
-      return parentNode || document.body;
-    }
-  });
-};

package/src/field/form/m2m/select/FormM2MFieldSelectWidget.ts

@@ -1,55 +0,0 @@
-import { ActiveRecord, RuntimeM2MField, SubmitHandler, SubmitValue } from '@oinone/kunlun-engine';
-import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
-import { SPI } from '@oinone/kunlun-spi';
-import { Widget } from '@oinone/kunlun-vue-widget';
-import { isEmpty } from 'lodash-es';
-import { FormFieldWidget, FormSelectComplexFieldWidget } from '../../../../basic';
-import SelectWidget from './SelectWidget.vue';
-
-@SPI.ClassFactory(
-  FormFieldWidget.Token({
-    viewType: [ViewType.Form, ViewType.Search],
-    ttype: ModelFieldType.ManyToMany
-  })
-)
-export class FormM2MFieldSelectWidget extends FormSelectComplexFieldWidget<ActiveRecord[], RuntimeM2MField> {
-  public initialize(props) {
-    super.initialize(props);
-    this.setComponent(SelectWidget);
-    return this;
-  }
-
-  @Widget.Method()
-  public change(value) {
-    if (value == null) {
-      super.change(value);
-      this.handleEmpty();
-    } else {
-      if (!value.length) {
-        this.handleEmpty();
-      }
-      // focus的时候才会查询数据，这时候dataList为空，如果开始有value，会导致剩下的已选数据匹配不到值
-      const list = isEmpty(this.dataList) ? this.value || [] : this.dataList;
-      const submitData = value
-        .map((item) => {
-          return (list as any[])?.find((d) => d[this.relationFieldKey] === item.value);
-        })
-        .filter((a) => !!a);
-      super.change(submitData);
-    }
-  }
-
-  protected async fillOptions(dataList: Record<string, unknown>[], insetDefaultValue = true) {
-    await super.fillOptionsForMulti(dataList);
-  }
-
-  public async submit(submitValue: SubmitValue) {
-    const { field, itemName, value } = this;
-    return SubmitHandler.M2M(field, itemName, submitValue, value);
-  }
-
-  protected async mounted() {
-    await super.mounted();
-    await this.loadOriginValue();
-  }
-}

package/src/field/form/metadata-area/SelectDefault/SelectActionWidget.ts

@@ -1,24 +0,0 @@
-import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
-import { SPI } from '@oinone/kunlun-spi';
-import { Widget } from '@oinone/kunlun-vue-widget';
-import SelectFieldAction from './SelectFieldAction.vue';
-import { SelectFieldActionWidget } from '../SelectFieldActionWidget';
-import { FormFieldWidget } from '../../../../basic';
-import { SelectWidgetType } from '../typing';
-
-@SPI.ClassFactory(
-  FormFieldWidget.Token({
-    viewType: ViewType.Form,
-    widget: 'MetaPanelAction'
-  })
-)
-export class SelectActionWidget extends SelectFieldActionWidget {
-  public initialize(props) {
-    super.initialize(props);
-    this.setComponent(SelectFieldAction);
-    return this;
-  }
-
-  @Widget.Reactive()
-  protected widgetType = SelectWidgetType.ACTION;
-}

package/src/field/form/metadata-area/SelectDefault/SelectFieldAction.vue

@@ -1,257 +0,0 @@
-<template>
-  <div class="select-field-action-select-wrapper">
-    <draggable v-model="draggableList" :disabled="disabled || readonly" item-key="sort">
-      <template #item="{ element, index }">
-        <select-node
-          :field="element.items"
-          :dataSource="dataSource"
-          :valueSource="value"
-          :filterSource="unSelectedOptionList"
-          :readonly="readonly"
-          :disabled="disabled"
-          :key="index"
-          :label-editable="labelEditable"
-          @onChange="
-            (payload) => {
-              onSelectChange(payload, index);
-            }
-          "
-          @onDelete="() => onDelete(index)"
-        />
-      </template>
-    </draggable>
-    <oio-button
-      v-if="!readonly"
-      :disabled="disabled"
-      class="select-field-action__button"
-      type="primary"
-      @click="onAddRow"
-    >
-      {{ $translate('添加一行') }}
-    </oio-button>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType, computed } from 'vue';
-import { OioButton, OioNotification } from '@oinone/kunlun-vue-ui-antd';
-import { translateValueByKey } from '@oinone/kunlun-engine';
-import Draggable from 'vuedraggable';
-import { BooleanHelper } from '@oinone/kunlun-shared';
-import { OioMetadataProps } from '../../../../basic/props';
-import SelectNode from './SelectFieldActionNode.vue';
-import {
-  SelectListType,
-  SourceDataCollection,
-  FormValue,
-  SelectWidgetType,
-  SortedFields,
-  SelectType,
-  WidgetTypeMap
-} from '../typing';
-
-export default defineComponent({
-  name: 'SelectFieldActionSelectComponent',
-  props: {
-    ...OioMetadataProps,
-    widgetType: {
-      type: String as PropType<SelectWidgetType>,
-      required: true
-    },
-    fieldActionOptionsList: {
-      type: Object as PropType<SourceDataCollection>,
-      required: true
-    },
-    unSelectedOptionList: {
-      type: Object as PropType<SourceDataCollection>,
-      required: true
-    },
-    selectedOptionList: {
-      type: Object as PropType<SourceDataCollection>,
-      required: true
-    },
-    onFormChange: {
-      type: Function as PropType<(payload: SelectListType) => void>,
-      required: true
-    },
-    value: {
-      type: Array as PropType<FormValue>,
-      default: () => []
-    },
-    valueFlattend: {
-      type: Array as PropType<SelectListType>,
-      default: () => []
-    },
-    labelEditable: {
-      type: Boolean,
-      default: true
-    }
-  },
-  components: { OioButton, SelectNode, Draggable },
-  emits: [],
-  setup(props) {
-    const readonly = computed<boolean>(() => BooleanHelper.toBoolean(props.readonly) || false);
-
-    const disabled = computed<boolean>(() => BooleanHelper.toBoolean(props.disabled) || false);
-
-    const dataSource = computed(() => {
-      return props.fieldActionOptionsList[props.widgetType];
-    });
-
-    const fieldList = computed(() => {
-      return props.value.map((v) => getLabelsByValue(v).flat()).flat();
-    });
-
-    const draggableList = computed({
-      get(): SortedFields[] {
-        return sort(fieldList.value);
-      },
-      set(val: SortedFields[]) {
-        props.onFormChange(formateFormValue(val.map((v) => v.items ?? [])));
-      }
-    });
-
-    const sort = (list: SortedFields[]): SortedFields[] => {
-      if (!list.length) {
-        return list;
-      }
-      return list.sort((a, b) => (a?.sort ?? -1) - (b?.sort ?? -1));
-    };
-
-    const onAddRow = () => {
-      const formPayload: SortedFields[] = [...draggableList.value, { items: [] }];
-      props.onFormChange(formateFormValue(formPayload.map((v) => v.items ?? [])) as SelectListType);
-    };
-
-    const getLabelsByValue = (value): SortedFields[] => {
-      if (!value.children?.length) {
-        return [{ sort: value.sort, items: [value.name] }];
-      }
-      return value.children.map((c) => {
-        if (c.name) {
-          return [{ sort: c.sort, items: [value.name, c.name] }];
-        }
-        return [{ sort: c.sort, items: [value.name] }];
-      });
-    };
-
-    const onSelectChange = ({ value, address, isInput = false }, index) => {
-      const findIndex = draggableList.value.findIndex((val) => {
-        return val?.items?.join('-') === address.join('-');
-      });
-      if (!isInput && findIndex > 1) {
-        OioNotification.error(
-          translateValueByKey('错误'),
-          translateValueByKey(`该${WidgetTypeMap[props.widgetType]}已被选择`)
-        );
-        return;
-      }
-      const formPayload: SortedFields[] = [...draggableList.value];
-      formPayload.splice(index, 1, { items: address });
-      if (isInput) {
-        props.onFormChange(
-          updateInputValue(formateFormValue(formPayload.map((v) => v.items ?? [])), value, address) as SelectListType
-        );
-        return;
-      }
-      props.onFormChange(formateFormValue(formPayload.map((v) => v.items ?? [])) as SelectListType);
-    };
-
-    const updateInputValue = (sourceList: SelectListType, value: SelectType, address: string[]): SelectListType => {
-      if (!sourceList.length) {
-        return [];
-      }
-      const source = [...sourceList];
-      if (address.length === 1) {
-        return source.map((s) => {
-          if (s.name !== value.name) {
-            return s;
-          }
-          return value;
-        });
-      }
-      const parentIndex = source.findIndex((s) => s.name === address[0]);
-      if (!source[parentIndex]?.children && !source[parentIndex]?.children?.length) {
-        return source;
-      }
-      source[parentIndex].children = source[parentIndex]?.children?.map((c) => {
-        if (c.name === address[1]) {
-          return value;
-        }
-        return c;
-      });
-      return source;
-    };
-
-    const formateFormValue = (list: string[][]): SelectListType => {
-      let sortNum = 1;
-      return list.map((i) => {
-        if (!i?.length) {
-          return { sort: sortNum++ };
-        }
-        // 非关系字段处理
-        if (i.length < 2) {
-          const target = dataSource.value.find((option) => option.name === i[0]);
-          if (!target) {
-            return { sort: sortNum++ };
-          }
-          const existTarget = props.value.find((v) => v.name === target.name && v.model === target.model);
-          return {
-            name: existTarget?.name ?? target.name,
-            model: existTarget?.model ?? target.model,
-            label: existTarget?.label ?? target.label,
-            type: props.widgetType,
-            displayName: target.displayName,
-            sort: sortNum++
-          };
-        }
-        // 关系型字段处理
-        const parent = dataSource.value.find((o) => o.name === i[0]);
-        if (!parent) {
-          return { sort: sortNum++ };
-        }
-        const children = parent.children?.length && i[1] ? parent.children.find((c) => c.name === i[1]) : null;
-        const existParent = props.value.find((v) => v.name === parent.name && v.model === parent.model);
-        let existChildren: SelectType = {} as SelectType;
-        if (children) {
-          existChildren = props.valueFlattend.find(
-            (v) =>
-              v.name === children.name &&
-              v.model === children.model &&
-              v.parentName === parent.name &&
-              v.parentModel === parent.model
-          ) as SelectType;
-        }
-        return {
-          name: parent.name,
-          model: parent.model,
-          label: existParent?.label ?? parent.label,
-          type: props.widgetType,
-          displayName: parent.displayName,
-          sort: sortNum++,
-          children: children && [{ ...children, ...existChildren, type: props.widgetType, sort: sortNum++ }]
-        };
-      }) as SelectListType;
-    };
-
-    const onDelete = (index: number) => {
-      const formPayload = [...draggableList.value];
-      formPayload.splice(index, 1);
-      props.onFormChange(formateFormValue(formPayload.map((v) => v.items ?? [])) as SelectListType);
-    };
-
-    return { readonly, disabled, dataSource, fieldList, draggableList, onAddRow, onSelectChange, onDelete };
-  }
-});
-</script>
-<style lang="scss">
-.select-field-action-select-wrapper {
-  display: flex;
-  flex-direction: column;
-
-  .select-field-action__button {
-    width: 88px;
-    margin-top: var(--oio-margin-sm);
-  }
-}
-</style>