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

package/src/view/view-control/sort-control/DefaultSortControl.vue

@@ -0,0 +1,85 @@
+<template>
+  <a-popover
+    overlay-class-name="oio-popover default-view-control-popover"
+    trigger="click"
+    placement="bottomRight"
+    destroy-tooltip-on-hide
+    :visible="state.visible"
+    @visibleChange="onVisibleChange"
+  >
+    <template #content>
+      <sortable-group
+        :list="sortList"
+        :model-fields="fieldOptions"
+        title="添加排序"
+        sure-text="确定"
+        @change="onEnter"
+      ></sortable-group>
+    </template>
+    <div class="default-view-control-item default-view-control-sort">
+      <a-tooltip placement="bottom" class="oio-tooltip" v-model:visible="tooltipStatus">
+        <template #title>
+          <span>{{ $translate('排序') }}</span>
+        </template>
+        <oio-icon size="16" icon="oinone-order-outlined"></oio-icon>
+      </a-tooltip>
+    </div>
+  </a-popover>
+</template>
+<script lang="ts">
+import { ISort } from '@oinone/kunlun-service';
+import { OioIcon } from '@oinone/kunlun-vue-ui-antd';
+import { defineComponent, PropType, reactive, ref } from 'vue';
+import { SortableGroup, SortableGroupOption } from '../../../components';
+
+export default defineComponent({
+  name: 'DefaultSortControl',
+  components: { SortableGroup, OioIcon },
+  props: {
+    sortList: {
+      type: Array as PropType<ISort[]>,
+      default: () => []
+    },
+    fieldOptions: {
+      type: Array as PropType<SortableGroupOption[]>,
+      default: () => []
+    },
+    onSortChange: {
+      type: Function as PropType<(sortList: ISort[]) => void>
+    },
+    onOpen: {
+      type: Function
+    }
+  },
+  setup(props) {
+    const state = reactive({
+      visible: false
+    });
+
+    const tooltipStatus = ref(false);
+
+    const onVisibleChange = (visible: boolean) => {
+      state.visible = visible;
+      if (visible) {
+        tooltipStatus.value = false;
+        props.onOpen?.();
+      }
+    };
+
+    const onEnter = (sortList: ISort[]) => {
+      props.onSortChange?.(sortList);
+      state.visible = false;
+    };
+
+    return {
+      state,
+      tooltipStatus,
+
+      onVisibleChange,
+      onEnter
+    };
+  }
+});
+</script>
+
+<style lang="scss"></style>

package/src/view/view-control/sort-control/SortControlWidget.ts

@@ -0,0 +1,89 @@
+import { isAllowSortable } from '@oinone/kunlun-engine';
+import { ISort } from '@oinone/kunlun-service';
+import { SPI } from '@oinone/kunlun-spi';
+import { Widget } from '@oinone/kunlun-vue-widget';
+import { BaseElementWidget } from '../../../basic';
+import { SortableGroupOption } from '../../../components';
+import DefaultSortControl from './DefaultSortControl.vue';
+
+@SPI.ClassFactory(
+  BaseElementWidget.Token({
+    widget: 'SortControl'
+  })
+)
+export class SortControlWidget extends BaseElementWidget {
+  public initialize(props) {
+    super.initialize(props);
+    this.setComponent(DefaultSortControl);
+    return this;
+  }
+
+  /**
+   * 排序数据
+   *  @see {@link BaseElementListViewWidget}
+   */
+  @Widget.Reactive()
+  @Widget.Inject('sortList')
+  protected parentSortList;
+
+  @Widget.Reactive()
+  protected sortList: (ISort & { title: string })[] = [];
+
+  @Widget.Reactive()
+  protected options: SortableGroupOption[] = [];
+
+  /**
+   * 修改排序
+   *  @see {@link BaseElementListViewWidget}
+   */
+  @Widget.Method()
+  @Widget.Inject()
+  protected onSortChange!: (sortList: ISort[] | undefined) => void;
+
+  @Widget.Method()
+  protected onOpen() {
+    this.sortList = this.getSortList();
+  }
+
+  /**
+   * 排序字段列表
+   */
+  protected getSortList() {
+    return this.parentSortList?.map((sort) => {
+      const { sortField } = sort;
+      const field = this.fieldOptions.find((v) => v.data === sortField);
+      return {
+        ...sort,
+        title: field?.label
+      };
+    });
+  }
+
+  @Widget.Reactive()
+  protected get fieldOptions(): SortableGroupOption[] {
+    return this.options;
+  }
+
+  protected mounted() {
+    const model = this.rootRuntimeContextNullable?.model.model;
+    if (!model) {
+      return;
+    }
+    const options: SortableGroupOption[] = [];
+    const { modelFields } = this.model;
+    for (const modelField of modelFields || []) {
+      const { invisible } = modelField;
+      if (invisible === true) {
+        continue;
+      }
+      if (isAllowSortable(modelField)) {
+        options.push({
+          data: modelField.data,
+          name: modelField.name,
+          label: modelField.label || modelField.displayName || modelField.data
+        });
+      }
+    }
+    this.options = options;
+  }
+}

package/src/view/workbench/Workbench.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="workbench-wrapper">
+    <slot name="dynamicView"></slot>
     <div class="workbench-total">
       <div class="workbench-total-user">
         <div class="workbench-total-user-title">

package/src/view/workbench/services.ts

@@ -1,33 +1,32 @@
-import { ModelCache } from '@oinone/kunlun-engine';
 import { http } from '@oinone/kunlun-service';
 
 const getApps = async () => {
-  const model = await ModelCache.get('base.AppSwitcherModuleProxy');
-  const bindUrlFieldExist = (model?.modelFields ?? []).filter((it) => it.data === 'urlHomePage').length > 0;
-
   const body = `{
-      appSwitcherModuleProxyQuery {
-        queryPage(page: { currentPage: 1, size: -1 }, queryWrapper: {}) {
-          content {
-            module
-            like
-            logo
-            name
-            displayName
-            homePage {
-              module
-              model
-              name
-              resModuleName
-              moduleName
-              viewType
-            }
-            ${bindUrlFieldExist ? 'urlHomePage {\ntarget\nurl\n}' : ''}
-          }
+  appSwitcherModuleProxyQuery {
+    queryPage(page: { currentPage: 1, size: -1 }, queryWrapper: {}) {
+      content {
+        module
+        like
+        logo
+        name
+        displayName
+        homePage {
+          module
+          model
+          name
+          resModuleName
+          moduleName
+          viewType
+        }
+        urlHomePage {
+          target
+          url
         }
       }
     }
-    `;
+  }
+}
+`;
   const result = (await http.query('base', body)).data['appSwitcherModuleProxyQuery']['queryPage']['content'];
 
   return (result as Record<string, unknown>[]).filter((res) => res.like);

package/dist/types/src/basic/form/context.d.ts

@@ -1,7 +0,0 @@
-import { InjectionKey } from 'vue';
-export interface OioDefaultFormContext {
-    getTriggerContainer: (triggerNode: Node | HTMLElement) => Node | HTMLElement;
-}
-export declare const OioDefaultFormContextKey: InjectionKey<OioDefaultFormContext>;
-export declare const useProviderOioDefaultFormContext: (state: OioDefaultFormContext) => void;
-export declare const useInjectOioDefaultFormContext: () => OioDefaultFormContext;

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

@@ -1,6 +0,0 @@
-import { SelectFieldActionWidget } from '../SelectFieldActionWidget';
-import { SelectWidgetType } from '../typing';
-export declare class SelectActionWidget extends SelectFieldActionWidget {
-    initialize(props: any): this;
-    protected widgetType: SelectWidgetType;
-}

package/dist/types/src/field/form/metadata-area/SelectDefault/SelectFieldAction.vue.d.ts

@@ -1,105 +0,0 @@
-import { PropType } from 'vue';
-import { SelectListType, SourceDataCollection, FormValue, SelectWidgetType, SortedFields } from '../typing';
-declare const _default: import("vue").DefineComponent<{
-    widgetType: {
-        type: PropType<SelectWidgetType>;
-        required: true;
-    };
-    fieldActionOptionsList: {
-        type: PropType<SourceDataCollection>;
-        required: true;
-    };
-    unSelectedOptionList: {
-        type: PropType<SourceDataCollection>;
-        required: true;
-    };
-    selectedOptionList: {
-        type: PropType<SourceDataCollection>;
-        required: true;
-    };
-    onFormChange: {
-        type: PropType<(payload: SelectListType) => void>;
-        required: true;
-    };
-    value: {
-        type: PropType<FormValue>;
-        default: () => never[];
-    };
-    valueFlattend: {
-        type: PropType<SelectListType>;
-        default: () => never[];
-    };
-    labelEditable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-    disabled: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-}, {
-    readonly: import("vue").ComputedRef<boolean>;
-    disabled: import("vue").ComputedRef<boolean>;
-    dataSource: import("vue").ComputedRef<any>;
-    fieldList: import("vue").ComputedRef<SortedFields[]>;
-    draggableList: import("vue").WritableComputedRef<SortedFields[]>;
-    onAddRow: () => void;
-    onSelectChange: ({ value, address, isInput }: {
-        value: any;
-        address: any;
-        isInput?: boolean | undefined;
-    }, index: any) => void;
-    onDelete: (index: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    widgetType: {
-        type: PropType<SelectWidgetType>;
-        required: true;
-    };
-    fieldActionOptionsList: {
-        type: PropType<SourceDataCollection>;
-        required: true;
-    };
-    unSelectedOptionList: {
-        type: PropType<SourceDataCollection>;
-        required: true;
-    };
-    selectedOptionList: {
-        type: PropType<SourceDataCollection>;
-        required: true;
-    };
-    onFormChange: {
-        type: PropType<(payload: SelectListType) => void>;
-        required: true;
-    };
-    value: {
-        type: PropType<FormValue>;
-        default: () => never[];
-    };
-    valueFlattend: {
-        type: PropType<SelectListType>;
-        default: () => never[];
-    };
-    labelEditable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-    disabled: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-}>> & {}, {
-    value: FormValue;
-    valueFlattend: SelectListType;
-    labelEditable: boolean;
-    readonly: string | boolean;
-    disabled: string | boolean;
-}>;
-export default _default;

package/dist/types/src/field/form/metadata-area/SelectDefault/SelectFieldActionNode.vue.d.ts

@@ -1,76 +0,0 @@
-import { PropType } from 'vue';
-import { CascaderOptionType } from 'ant-design-vue/lib/cascader';
-import { SelectListType, FormValue } from '../typing';
-declare const _default: import("vue").DefineComponent<{
-    field: {
-        type: PropType<string[]>;
-        default: () => never[];
-        required: true;
-    };
-    dataSource: {
-        type: PropType<SelectListType>;
-        required: true;
-    };
-    valueSource: {
-        type: PropType<FormValue>;
-        default: () => never[];
-    };
-    labelEditable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor[];
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor[];
-        default: boolean;
-    };
-}, {
-    open: import("vue").Ref<boolean>;
-    onDropdownVisibleChange: (visible: any) => void;
-    labelValue: import("vue").WritableComputedRef<unknown>;
-    options: import("vue").ComputedRef<CascaderOptionType[]>;
-    selectValue: import("vue").ComputedRef<string[]>;
-    onSelectChange: (value: any) => void;
-    onDelete: () => void;
-    onInput: () => void;
-    onClick: (e: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "onDelete")[], "onChange" | "onDelete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    field: {
-        type: PropType<string[]>;
-        default: () => never[];
-        required: true;
-    };
-    dataSource: {
-        type: PropType<SelectListType>;
-        required: true;
-    };
-    valueSource: {
-        type: PropType<FormValue>;
-        default: () => never[];
-    };
-    labelEditable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor[];
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor[];
-        default: boolean;
-    };
-}>> & {
-    onOnChange?: ((...args: any[]) => any) | undefined;
-    onOnDelete?: ((...args: any[]) => any) | undefined;
-}, {
-    disabled: boolean;
-    field: string[];
-    valueSource: FormValue;
-    labelEditable: boolean;
-    readonly: boolean;
-}>;
-export default _default;

package/dist/types/src/field/form/metadata-area/SelectDefault/SelectFieldWidget.d.ts

@@ -1,6 +0,0 @@
-import { SelectFieldActionWidget } from '../SelectFieldActionWidget';
-import { SelectWidgetType } from '../typing';
-export declare class SelectFieldWidget extends SelectFieldActionWidget {
-    initialize(props: any): this;
-    protected widgetType: SelectWidgetType;
-}

package/dist/types/src/field/form/metadata-area/SelectFieldActionWidget.d.ts

@@ -1,33 +0,0 @@
-import { SelectInstance, SelectListType, SelectWidgetType, SelectType, SourceDataCollection } from './typing';
-import { FormFieldWidget } from '../../../basic';
-export declare abstract class SelectFieldActionWidget extends FormFieldWidget {
-    initialize(props: any): this;
-    protected get filterRelation(): any;
-    protected get labelEditable(): any;
-    protected abstract widgetType: SelectWidgetType;
-    protected currentInstance: SelectInstance | undefined;
-    protected fieldsCommit: ((field: string) => void) | undefined;
-    protected fieldActionOptionsList: SourceDataCollection;
-    protected get valueFlattend(): SelectListType;
-    protected get fieldActionOptionsListFlattend(): SourceDataCollection;
-    protected get unSelectedOptionList(): SourceDataCollection;
-    protected get selectedOptionList(): SourceDataCollection;
-    protected onFormChange(payload: any, deep?: boolean): void;
-    protected queryReferences(model: string, type?: SelectWidgetType): Promise<SelectType[] | undefined>;
-    protected updateExsitValue(field: any): void;
-    private updateUniqueValue;
-    private mergeChild;
-    private deepCopy;
-    private slimDeepCopy;
-    private flattenList;
-    private getListByValue;
-    private filterListByValue;
-    private queryReferencesWithIdle;
-    private setReferencesChildren;
-    private queryFieldsByModel;
-    private queryActionsByModel;
-    private withPreHandle;
-    private getSelectOptions;
-    private setMetaDataFields;
-    protected mounted(): void;
-}

package/dist/types/src/field/form/metadata-area/index.d.ts

@@ -1,4 +0,0 @@
-export * from './SelectDefault/SelectActionWidget';
-export * from './SelectDefault/SelectFieldWidget';
-export * from './SelectFieldActionWidget';
-export * from './typing';

package/dist/types/src/field/form/metadata-area/service.d.ts

@@ -1,2 +0,0 @@
-import { RuntimeAction } from '@oinone/kunlun-engine';
-export declare const queryAction: (model: string) => Promise<RuntimeAction[]>;

package/dist/types/src/field/form/metadata-area/typing.d.ts

@@ -1,73 +0,0 @@
-import { RuntimeAction, RuntimeModelField } from '@oinone/kunlun-engine';
-import { ActionType } from '@oinone/kunlun-meta';
-import type { TransferProps } from 'ant-design-vue';
-export declare enum SelectWidgetType {
-    FIELD = "FIELD",
-    ACTION = "ACTION",
-    FIELD_ACTION = "FIELD_ACTION"
-}
-export declare type SelectInstance = {
-    element: {
-        metadataFields?: string[];
-        properties: Record<string, unknown>;
-        model: string;
-        referenceModel?: string;
-    };
-};
-declare type FieldsExtra = {
-    isLeaf?: boolean;
-    references?: string;
-    key?: string;
-    children?: SelectListType;
-    type: SelectWidgetType;
-    sort?: number;
-    properties?: any;
-    parentModel?: string;
-    parentName?: string;
-    deleted?: boolean;
-};
-export declare type SelectType = RuntimeModelField & RuntimeAction & FieldsExtra;
-export declare type SelectListType = SelectType[];
-export declare type FormValueItem = {
-    label: string;
-    name: string;
-    type: SelectWidgetType;
-    model: string;
-    properties?: any;
-    children?: FormValue;
-};
-export declare type FormValue = FormValueItem[];
-export declare type TreeDataType = TransferProps['dataSource'] & SelectListType;
-export declare type SourceDataCollection = Record<SelectWidgetType.FIELD | SelectWidgetType.ACTION, SelectListType>;
-export declare enum ActionWidgetType {
-    VIEW_ACTION = "VIEW_ACTION",
-    SERVER_ACTION = "SERVER_ACTION",
-    URL_ACTION = "URL_ACTION",
-    CLIENT_ACTION = "CLIENT_ACTION"
-}
-export declare function convertActionType(type: ActionType | undefined): ActionWidgetType | undefined;
-export declare type widgetTypeItem = {
-    widgetAttrModel: string;
-    widgetAttrFormViewName: string;
-    widgetBizType: string;
-    widgetSubtype: string;
-    viewType: string;
-    isDefault: boolean;
-};
-export declare type SortedFields = {
-    sort?: number;
-    items?: string[];
-};
-export declare const ActionTypeMap: Record<string, string>;
-export declare const WidgetTypeMap: Record<string, string>;
-export declare const OioSelectMetadataProps: {
-    readonly: {
-        type: BooleanConstructor[];
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor[];
-        default: boolean;
-    };
-};
-export {};

package/dist/types/src/field/table/html/richtext/TableHtmlRichTextFieldWidget.d.ts

@@ -1,11 +0,0 @@
-import { BaseTableFieldWidget } from '../../../../basic';
-export declare class TableHtmlRichTextFieldWidget extends BaseTableFieldWidget {
-    get title(): any;
-    renderDefaultSlot(context: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
-}
-/**
- * @deprecated please using TableHtmlRichTextFieldWidget
- */
-export declare const TableHTMLRichTextFieldWidget: typeof TableHtmlRichTextFieldWidget;

package/dist/types/src/field/table/html/richtext/index.d.ts

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

package/dist/types/src/field/table/relation/index.d.ts

@@ -1,4 +0,0 @@
-export * from './o2o';
-export * from './m2o';
-export * from './o2m';
-export * from './m2m';

package/dist/types/src/field/table/relation/m2m/index.d.ts

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

package/dist/types/src/field/table/relation/m2o/index.d.ts

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

package/dist/types/src/field/table/relation/o2m/index.d.ts

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

package/dist/types/src/field/table/relation/o2o/index.d.ts

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

package/dist/types/src/tags/context/context.d.ts

@@ -1,41 +0,0 @@
-import { ViewType } from '@oinone/kunlun-meta';
-import { ComputedRef } from 'vue';
-/**
- * 元数据上下文
- */
-export interface MetaContext {
-    viewType: ComputedRef<ViewType>;
-    model: ComputedRef<string>;
-    modelName: ComputedRef<string>;
-    module: ComputedRef<string>;
-    moduleName: ComputedRef<string>;
-    metadataHandle: ComputedRef<string>;
-    rootHandle: ComputedRef<string>;
-    parentHandle: ComputedRef<string>;
-    slotName: ComputedRef<string | undefined>;
-    inline: ComputedRef<boolean>;
-}
-/**
- * 默认元数据上下文
- */
-export declare const defaultMetaContext: {
-    viewType: ComputedRef<ViewType>;
-    model: ComputedRef<string>;
-    modelName: ComputedRef<string>;
-    module: ComputedRef<string>;
-    moduleName: ComputedRef<string>;
-    metadataHandle: ComputedRef<string>;
-    rootHandle: ComputedRef<string>;
-    parentHandle: ComputedRef<string>;
-    slotName: ComputedRef<undefined>;
-    inline: ComputedRef<boolean>;
-};
-/**
- * 提供元数据上下文
- * @param state 元数据可选项
- */
-export declare const useProviderMetaContext: (state: Partial<MetaContext>) => void;
-/**
- * 获取元数据上下文
- */
-export declare const useInjectMetaContext: () => MetaContext;