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

package/src/field/form/metadata-area/service.ts

@@ -1,46 +0,0 @@
-import { HttpClient } from '@oinone/kunlun-request';
-import { RuntimeAction } from '@oinone/kunlun-engine';
-
-const http = HttpClient.getInstance();
-
-const UI_DESIGNER = 'uiDesigner';
-
-export const queryAction = async (model: string) => {
-  const mutation = `query {
-	uiDesignerActionQuery {
-		queryActions(data: { model: "${model}" }) {
-			id
-			actionType
-			displayName
-			label
-			bitOptions
-			attributes
-			model
-			sys
-			modelName
-			systemSource
-			name
-			sign
-			hash
-			bindingType
-			bindingViewName
-			contextType
-			summary
-			description
-			disable
-			invisible
-			rule
-			mapping
-			context
-			priority
-			createDate
-			writeDate
-			createUid
-			writeUid
-		}
-	}
-}
-`;
-  const result = await http.mutate(UI_DESIGNER, mutation);
-  return result.data['uiDesignerActionQuery']['queryActions'] as unknown as RuntimeAction[];
-};

package/src/field/form/metadata-area/typing.ts

@@ -1,114 +0,0 @@
-import { RuntimeAction, RuntimeModelField } from '@oinone/kunlun-engine';
-import { ActionType } from '@oinone/kunlun-meta';
-import type { TransferProps } from 'ant-design-vue';
-import { definePropertyTranslate } from '../../../util';
-
-export enum SelectWidgetType {
-  FIELD = 'FIELD',
-  ACTION = 'ACTION',
-  FIELD_ACTION = 'FIELD_ACTION'
-}
-
-export type SelectInstance = {
-  element: {
-    metadataFields?: string[];
-    properties: Record<string, unknown>;
-    model: string;
-    referenceModel?: string;
-  };
-};
-
-type FieldsExtra = {
-  isLeaf?: boolean;
-  references?: string;
-  key?: string;
-  children?: SelectListType;
-  type: SelectWidgetType;
-  sort?: number;
-  properties?: any;
-  parentModel?: string;
-  parentName?: string;
-  deleted?: boolean;
-};
-
-export type SelectType = RuntimeModelField & RuntimeAction & FieldsExtra;
-
-export type SelectListType = SelectType[];
-
-export type FormValueItem = {
-  label: string;
-  name: string;
-  type: SelectWidgetType;
-  model: string;
-  properties?: any;
-  children?: FormValue;
-};
-
-export type FormValue = FormValueItem[];
-
-export type TreeDataType = TransferProps['dataSource'] & SelectListType;
-
-export type SourceDataCollection = Record<SelectWidgetType.FIELD | SelectWidgetType.ACTION, SelectListType>;
-
-export enum ActionWidgetType {
-  VIEW_ACTION = 'VIEW_ACTION',
-  SERVER_ACTION = 'SERVER_ACTION',
-  URL_ACTION = 'URL_ACTION',
-  CLIENT_ACTION = 'CLIENT_ACTION'
-}
-
-export function convertActionType(type: ActionType | undefined): ActionWidgetType | undefined {
-  if (!type) {
-    return undefined;
-  }
-  switch (type) {
-    case ActionType.View:
-      return ActionWidgetType.VIEW_ACTION;
-    case ActionType.Server:
-      return ActionWidgetType.SERVER_ACTION;
-    case ActionType.URL:
-      return ActionWidgetType.URL_ACTION;
-    case ActionType.Client:
-      return ActionWidgetType.CLIENT_ACTION;
-  }
-  return undefined;
-}
-
-export type widgetTypeItem = {
-  widgetAttrModel: string;
-  widgetAttrFormViewName: string;
-  widgetBizType: string;
-  widgetSubtype: string;
-  viewType: string;
-  isDefault: boolean;
-};
-
-export type SortedFields = {
-  sort?: number;
-  items?: string[];
-};
-
-export const ActionTypeMap: Record<string, string> = {
-  [ActionType.View]: '跳转动作',
-  [ActionType.URL]: '链接动作',
-  [ActionType.Client]: '客户端动作',
-  [ActionType.Server]: '提交动作'
-};
-
-definePropertyTranslate(ActionTypeMap);
-
-export const WidgetTypeMap: Record<string, string> = {
-  [SelectWidgetType.FIELD]: '字段',
-  [SelectWidgetType.ACTION]: '动作'
-};
-
-export const OioSelectMetadataProps = {
-  readonly: {
-    type: [Boolean],
-    default: false
-  },
-  disabled: {
-    type: [Boolean],
-    default: false
-  }
-};

package/src/field/form/o2m/select/SelectWidget.vue

@@ -1,111 +0,0 @@
-<template>
-  <div class="form-multi-select" :class="[!allowClear && 'hide-clear']">
-    <div class="readonly" v-if="innerReadonly && !innerDisabled">
-      <a-select
-        :max-tag-count="maxTagCount"
-        label-in-value
-        mode="multiple"
-        :placeholder="placeholder"
-        :value="currentValue"
-        :options="optionList"
-      />
-    </div>
-    <div v-else>
-      <a-select
-        ref="selectRef"
-        mode="multiple"
-        label-in-value
-        class="oio-select"
-        optionFilterProp="label"
-        :max-tag-count="maxTagCount"
-        :show-search="showSearch"
-        :allow-clear="allowClear"
-        :disabled="innerDisabled"
-        :value="currentValue"
-        :filter-option="false"
-        :default-active-first-option="false"
-        :options="optionList"
-        :placeholder="placeholder"
-        :getPopupContainer="getTriggerContainer"
-        :dropdownClassName="dropdownClassName"
-        @change="innerChange"
-        @search="search"
-        @blur="blur"
-        @focus="focus"
-        @popupScroll="slipSelect"
-        @dropdownVisibleChange="dropdownVisibleChange"
-      >
-        <template #dropdownRender="{ menuNode: menu }">
-          <v-nodes :vnodes="menu" />
-          <div class="form-relation-select-dropdown-spin">
-            <oio-spin v-if="loadMoreLoading" size="small" loading />
-          </div>
-        </template>
-        <template #notFoundContent>
-          <oio-empty-data v-if="!loadMoreLoading" />
-        </template>
-      </a-select>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-import { defineComponent, PropType, ref, watch } from 'vue';
-import { OioSpin, OioEmptyData } from '@oinone/kunlun-vue-ui-antd';
-import { Select as ASelect } from 'ant-design-vue';
-import { relationSelectSetup, RelationSelectProps } from '../../../prop';
-import { useInjectOioDefaultFormContext } from '../../../../basic';
-
-export default defineComponent({
-  props: {
-    ...RelationSelectProps,
-    value: {
-      type: Array as PropType<Record<string, unknown>[]>
-    },
-    generatorSelectOption: Function
-  },
-  components: {
-    VNodes: (_, { attrs }) => {
-      return attrs.vnodes;
-    },
-    OioSpin,
-    OioEmptyData,
-    ASelect
-  },
-  setup(props) {
-    const optionList = ref<Record<string, unknown>[]>([]);
-    const getOptionList = (options: Record<string, unknown>[]) => {
-      optionList.value = [...options];
-    };
-
-    watch(
-      () => props.options,
-      () => {
-        if (props.options && props.options.length) {
-          getOptionList(props.options);
-        } else {
-          optionList.value = [];
-        }
-      },
-      { immediate: true }
-    );
-
-    watch(
-      () => props.value,
-      () => {
-        if (!props.isInitOptions && props.value) {
-          getOptionList(props.generatorSelectOption?.(props.value) || []);
-        }
-      },
-      { immediate: true }
-    );
-
-    const formContext = useInjectOioDefaultFormContext();
-
-    return {
-      ...relationSelectSetup(props),
-      optionList,
-      getTriggerContainer: props.getPopupContainer || formContext.getTriggerContainer
-    };
-  }
-});
-</script>

package/src/field/form/o2o/select/SelectWidget.vue

@@ -1,119 +0,0 @@
-<template>
-  <div class="form-single-select">
-    <div class="readonly" v-if="innerReadonly && !innerDisabled">
-      <a-select
-        class="oio-select"
-        dropdown-class-name="oio-select-dropdown"
-        label-in-value
-        :placeholder="placeholder"
-        :value="currentValue"
-        :options="optionList"
-      />
-    </div>
-
-    <div v-else>
-      <a-select
-        class="oio-select"
-        label-in-value
-        :show-search="showSearch"
-        :allow-clear="allowClear"
-        :disabled="innerDisabled"
-        :value="currentValue"
-        :filter-option="false"
-        :default-active-first-option="false"
-        :options="optionList"
-        :placeholder="placeholder"
-        :getPopupContainer="getTriggerContainer"
-        :dropdownClassName="dropdownClassName"
-        @change="change"
-        @search="search"
-        @select="innerSelect"
-        @blur="blur"
-        @focus="focus"
-        @dropdownVisibleChange="dropdownVisibleChange"
-        @popup-scroll="slipSelect"
-      >
-        <template #dropdownRender="{ menuNode: menu }">
-          <v-nodes :vnodes="menu" />
-          <div class="form-relation-select-dropdown-spin">
-            <oio-spin v-if="loadMoreLoading" size="small" loading />
-          </div>
-        </template>
-        <template #menuItemSelectedIcon>
-          <CheckOutlined />
-        </template>
-      </a-select>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-import { CheckOutlined } from '@ant-design/icons-vue';
-import { computed, defineComponent, ref, watch } from 'vue';
-import { OioSpin } from '@oinone/kunlun-vue-ui-antd';
-import { Select as ASelect } from 'ant-design-vue';
-import { useInjectOioDefaultFormContext } from '../../../../basic';
-import { RelationSelectProps, relationSelectSetup } from '../../../prop';
-
-export default defineComponent({
-  inheritAttrs: false,
-  props: {
-    ...RelationSelectProps,
-    value: Object,
-    currentValueLabel: String,
-    handleSelectedValueLabel: Function,
-    generatorSelectOption: Function
-  },
-  components: {
-    VNodes: (_, { attrs }) => {
-      return attrs.vnodes;
-    },
-    CheckOutlined,
-    OioSpin,
-    ASelect
-  },
-  setup(props) {
-    const optionList = ref<Record<string, unknown>[]>([]);
-    const getOptionList = (options: Record<string, unknown>[]) => {
-      optionList.value = [...options];
-    };
-
-    const currentValue = computed(() => {
-      if (props.value && props.value[props.relationFieldKey]) {
-        return { value: props.value[props.relationFieldKey] };
-      }
-      return null;
-    });
-
-    watch(
-      () => props.options,
-      () => {
-        if (props.options && props.options.length) {
-          getOptionList(props.options);
-        } else {
-          optionList.value = [];
-        }
-      },
-      { immediate: true }
-    );
-
-    watch(
-      () => props.value,
-      () => {
-        if (!props.isInitOptions && props.value) {
-          getOptionList(props.generatorSelectOption?.([props.value]) || []);
-        }
-      },
-      { immediate: true }
-    );
-
-    const formContext = useInjectOioDefaultFormContext();
-
-    return {
-      ...relationSelectSetup(props),
-      currentValue,
-      optionList,
-      getTriggerContainer: props.getPopupContainer || formContext.getTriggerContainer
-    };
-  }
-});
-</script>

package/src/field/table/html/richtext/TableHtmlRichTextFieldWidget.ts

@@ -1,30 +0,0 @@
-import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
-import { SPI } from '@oinone/kunlun-spi';
-import { Widget } from '@oinone/kunlun-vue-widget';
-import { createVNode } from 'vue';
-
-import { BaseFieldWidget, BaseTableFieldWidget } from '../../../../basic';
-import TableRichText from './TableRichText.vue';
-
-@SPI.ClassFactory(BaseFieldWidget.Token({ viewType: ViewType.Table, ttype: ModelFieldType.HTML }))
-export class TableHtmlRichTextFieldWidget extends BaseTableFieldWidget {
-  @Widget.Reactive()
-  public get title() {
-    return this.getDsl().title || this.field.label;
-  }
-
-  @Widget.Method()
-  public renderDefaultSlot(context) {
-    return [
-      createVNode(TableRichText, {
-        value: this.compute(context),
-        title: this.title
-      })
-    ];
-  }
-}
-
-/**
- * @deprecated please using TableHtmlRichTextFieldWidget
- */
-export const TableHTMLRichTextFieldWidget = TableHtmlRichTextFieldWidget;

package/src/field/table/html/richtext/index.ts

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

package/src/field/table/relation/index.ts

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

package/src/field/table/relation/m2m/index.ts

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

package/src/field/table/relation/m2o/index.ts

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

package/src/field/table/relation/o2m/index.ts

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

package/src/field/table/relation/o2o/index.ts

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

package/src/style/components/drawer.scss

@@ -1,151 +0,0 @@
-.ant-drawer-content {
-  background: var(--oio-background);
-
-  .ant-drawer-header {
-    background: var(--oio-background);
-    border-color: var(--oio-border-color);
-    padding: 16px;
-
-    .ant-drawer-header-title {
-      flex-direction: row-reverse;
-    }
-
-    .ant-drawer-close {
-      color: var(--oio-icon-color);
-      margin-right: 0;
-    }
-
-    .ant-drawer-title {
-      color: var(--oio-text-color);
-    }
-  }
-  .ant-drawer-wrapper-body {
-    .ant-drawer-body {
-      padding: 16px 16px 70px 16px;
-
-      .oio-form {
-        .oio-group {
-          border: none;
-          box-shadow: none;
-        }
-
-        .oio-group-title-wrapper {
-          padding: 24px 0 16px 0;
-          height: inherit;
-        }
-
-        .oio-group-title:before {
-          content: '';
-          border-left: 2px solid var(--oio-primary-color);
-          margin-right: 6px;
-        }
-
-        .oio-group-content {
-          padding: 0 0 24px 0;
-          border-bottom: 1px solid var(--oio-border-color);
-
-          .oio-group-title-wrapper {
-            padding-top: 0;
-          }
-
-          .oio-group-title {
-            font-size: 14px;
-
-            &:before {
-              border-left: none;
-              margin-right: 0;
-            }
-          }
-
-          .oio-group-content {
-            border-bottom: none;
-            padding: 0;
-          }
-        }
-
-        .oio-tabs .oio-tab > .oio-tab-content > .oio-row > .oio-col,
-        & > .oio-row > .oio-col {
-          & > .oio-default-group > .oio-group-title-wrapper {
-            padding-top: 0;
-          }
-
-          &:last-child > .oio-default-group > .oio-group-content {
-            padding-bottom: 0;
-            border-bottom: none;
-          }
-        }
-
-        &.ant-form-vertical {
-          .oio-form-item-horizontal {
-            .ant-form-item-label {
-              flex-basis: unset;
-              height: 32px;
-              text-align: left;
-
-              & > label {
-                height: 32px;
-              }
-            }
-
-            .ant-form-item-control {
-              max-width: unset;
-
-              .form-bool-switch {
-                height: 32px;
-                justify-content: flex-start;
-              }
-            }
-          }
-        }
-      }
-
-      .widget-container {
-        font-size: 14px;
-      }
-    }
-
-    .footer-btn {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      width: 100%;
-      border-top: 1px solid var(--oio-border-color);
-      background: var(--oio-background);
-      text-align: right;
-      z-index: 1;
-      height: 71.5px;
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
-      padding: 0 16px;
-      box-sizing: border-box;
-
-      button {
-        padding: 9px 16px;
-        height: auto;
-        font-size: 14px;
-        margin-bottom: 0;
-      }
-    }
-  }
-}
-
-.drawer-container {
-  .ant-drawer-header {
-    .ant-drawer-title {
-      .ant-drawer-close {
-        .oio-drawer-close-icon {
-          font-weight: normal;
-        }
-      }
-    }
-
-    .ant-drawer-header-title {
-      flex-direction: row-reverse;
-    }
-
-    > .ant-drawer-close {
-      opacity: 0;
-    }
-  }
-}

package/src/tags/context/context.ts

@@ -1,57 +0,0 @@
-import { ViewType } from '@oinone/kunlun-meta';
-import { computed, ComputedRef, inject, InjectionKey, provide } 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 const defaultMetaContext = {
-  viewType: computed(() => ViewType.Form),
-  model: computed(() => ''),
-  modelName: computed(() => ''),
-  module: computed(() => ''),
-  moduleName: computed(() => ''),
-  metadataHandle: computed(() => ''),
-  rootHandle: computed(() => ''),
-  parentHandle: computed(() => ''),
-  slotName: computed(() => undefined),
-  inline: computed(() => false)
-};
-
-/**
- * 元数据Provider/Inject键
- */
-const MetaContextKey: InjectionKey<MetaContext> = Symbol('MetaContext');
-
-/**
- * 提供元数据上下文
- * @param state 元数据可选项
- */
-export const useProviderMetaContext = (state: Partial<MetaContext>): void => {
-  provide(MetaContextKey, {
-    ...defaultMetaContext,
-    ...state
-  });
-};
-
-/**
- * 获取元数据上下文
- */
-export const useInjectMetaContext = (): MetaContext => {
-  return inject(MetaContextKey, defaultMetaContext);
-};