@oinone/kunlun-vue-admin-base 6.4.9 → 7.2.0

package/src/basic/view/MetadataViewWithActiveRecordsWidget.ts

@@ -1,14 +1,16 @@
-import { DslDefinition } from '@oinone/kunlun-dsl';
+import type { DslDefinition } from '@oinone/kunlun-dsl';
 import {
-  RuntimeContext,
+  type RuntimeContext,
   RuntimeContextManager,
-  RuntimeModelField,
-  RuntimeView,
-  RuntimeViewAction,
-  WidgetConstructor,
-  WidgetProps
+  type RuntimeModelField,
+  type RuntimeView,
+  type RuntimeViewAction,
+  SubmitValue,
+  type WidgetConstructor,
+  type WidgetProps
 } from '@oinone/kunlun-engine';
 import { ViewType } from '@oinone/kunlun-meta';
+import { CallChaining } from '@oinone/kunlun-shared';
 import { ActiveRecordsWidget, Widget } from '@oinone/kunlun-vue-widget';
 import {
   createRuntimeContextByFieldSubview,
@@ -18,8 +20,15 @@ import {
 import MetadataView from './MetadataView.vue';
 import type { MetadataViewWidgetProps } from './MetadataViewWidget';
 
+export interface MetadataViewWithActiveRecordsWidgetProps extends MetadataViewWidgetProps {
+  mountedCallChaining?: CallChaining;
+  refreshCallChaining?: CallChaining<boolean>;
+  submitCallChaining?: CallChaining<SubmitValue>;
+  validatorCallChaining?: CallChaining<boolean>;
+}
+
 export class MetadataViewWithActiveRecordsWidget<
-  Props extends MetadataViewWidgetProps = MetadataViewWidgetProps
+  Props extends MetadataViewWithActiveRecordsWidgetProps = MetadataViewWithActiveRecordsWidgetProps
 > extends ActiveRecordsWidget<Props> {
   private viewAction: RuntimeViewAction | undefined;
 
@@ -55,6 +64,58 @@ export class MetadataViewWithActiveRecordsWidget<
   @Widget.Reactive()
   protected viewTemplate: DslDefinition | undefined;
 
+  @Widget.Reactive()
+  @Widget.Inject('mountedCallChaining')
+  protected parentMountedCallChaining: CallChaining | undefined;
+
+  @Widget.Reactive()
+  protected currentMountedCallChaining: CallChaining | undefined;
+
+  @Widget.Reactive()
+  @Widget.Provide()
+  protected get mountedCallChaining(): CallChaining | undefined {
+    return this.currentMountedCallChaining || this.parentMountedCallChaining;
+  }
+
+  @Widget.Reactive()
+  @Widget.Inject('refreshCallChaining')
+  protected parentRefreshCallChaining: CallChaining<boolean> | undefined;
+
+  @Widget.Reactive()
+  protected currentRefreshCallChaining: CallChaining<boolean> | undefined;
+
+  @Widget.Reactive()
+  @Widget.Provide()
+  protected get refreshCallChaining(): CallChaining<boolean> | undefined {
+    return this.currentRefreshCallChaining || this.parentRefreshCallChaining;
+  }
+
+  @Widget.Reactive()
+  @Widget.Inject('submitCallChaining')
+  protected parentSubmitCallChaining: CallChaining<SubmitValue> | undefined;
+
+  @Widget.Reactive()
+  protected currentSubmitCallChaining: CallChaining<SubmitValue> | undefined;
+
+  @Widget.Reactive()
+  @Widget.Provide()
+  protected get submitCallChaining(): CallChaining<SubmitValue> | undefined {
+    return this.currentSubmitCallChaining || this.parentSubmitCallChaining;
+  }
+
+  @Widget.Reactive()
+  @Widget.Inject('validatorCallChaining')
+  protected parentValidatorCallChaining: CallChaining<boolean> | undefined;
+
+  @Widget.Reactive()
+  protected currentValidatorCallChaining: CallChaining<boolean> | undefined;
+
+  @Widget.Reactive()
+  @Widget.Provide()
+  protected get validatorCallChaining(): CallChaining<boolean> | undefined {
+    return this.currentValidatorCallChaining || this.parentValidatorCallChaining;
+  }
+
   public initialize(props: Props) {
     this.isVirtual = props.isVirtual || false;
     if (this.isVirtual) {
@@ -64,6 +125,10 @@ export class MetadataViewWithActiveRecordsWidget<
     this.setComponent(MetadataView);
     this.viewAction = props.viewAction;
     this.inline = props.inline || false;
+    this.currentMountedCallChaining = props.mountedCallChaining;
+    this.currentRefreshCallChaining = props.refreshCallChaining;
+    this.currentSubmitCallChaining = props.submitCallChaining;
+    this.currentValidatorCallChaining = props.validatorCallChaining;
     return this;
   }
 

package/src/basic/view/props.ts

@@ -1,6 +1,6 @@
-import { DslDefinition } from '@oinone/kunlun-dsl';
+import type { DslDefinition } from '@oinone/kunlun-dsl';
 import { ViewType } from '@oinone/kunlun-meta';
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 
 export const MetadataViewProps = {
   currentHandle: {

package/src/components/common/media-single/MediaSingle.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType, ref } from 'vue';
+import { computed, defineComponent, type PropType, ref } from 'vue';
 import { OioEmpty, VIDEO_SUFFIX_LIST } from '@oinone/kunlun-vue-ui-common';
 import PreviewMedia from '../preview/PreviewMedia.vue';
 import { useMetadataProps } from '../../../basic';

package/src/components/common/preview/PreviewMedia.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from 'vue';
+import { computed, defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
   props: {

package/src/components/common/preview-html/PreviewHtml.vue

@@ -9,7 +9,7 @@
   ></iframe>
 </template>
 <script lang="ts">
-import { computed, defineComponent, nextTick, onMounted, PropType, ref } from 'vue';
+import { computed, defineComponent, nextTick, onMounted, type PropType, ref } from 'vue';
 
 export default defineComponent({
   inheritAttrs: false,
@@ -19,7 +19,7 @@ export default defineComponent({
     },
     style: {
       type: Object as PropType<CSSStyleDeclaration>,
-      default: () => ({} as CSSStyleDeclaration)
+      default: () => ({}) as CSSStyleDeclaration
     },
     html: {
       type: String

package/src/components/date/RangeDateTimePicker.vue

@@ -3,7 +3,7 @@
 </template>
 <script lang="ts">
 import { RangePicker as ARangePicker } from 'ant-design-vue';
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
   components: {

package/src/components/index.scss

@@ -1,5 +1,6 @@
 @import './common/countdown/style/index.scss';
 @import './common/inline-form/style/index.scss';
 @import './common/inline-table/style/index.scss';
+@import './select/modal-select/style/index.scss';
 @import './oio-manage-group/style/index.scss';
 @import './user-prefer/style/index.scss';

package/src/components/index.ts

@@ -10,5 +10,3 @@ export * from './oio-simple-pagination';
 export * from './table-line-height';
 export * from './oio-full-screen';
 export * from './sortable-group';
-export * from './select-table';
-export * from './select-modal';

package/src/components/oio-manage-group/OioManageGroup.vue

@@ -111,9 +111,10 @@
 </template>
 <script lang="ts">
 import { PlusOutlined } from '@ant-design/icons-vue';
+import { translateValueByKey } from '@oinone/kunlun-engine';
 import { OioButton, OioModal, OioNotification } from '@oinone/kunlun-vue-ui-antd';
 import { OioIcon } from '@oinone/kunlun-vue-ui-common';
-import { computed, defineComponent, nextTick, ref, Ref, watch } from 'vue';
+import { computed, defineComponent, nextTick, ref, type Ref, watch } from 'vue';
 import { OioManageGroupProps } from './props';
 
 const computeAdaptiveWidth = (
@@ -223,7 +224,7 @@ export default defineComponent({
     const handleModifyGroup = async (paramGroup) => {
       try {
         if (!paramGroup.refName) {
-          OioNotification.error('失败', '分组名称不能为空');
+          OioNotification.error(translateValueByKey('失败'), translateValueByKey('分组名称不能为空'));
         } else {
           if (paramGroup.refName !== (paramGroup.displayName || paramGroup.name)) {
             if (!props.onModifyGroup || typeof props.onModifyGroup !== 'function') {
@@ -256,7 +257,7 @@ export default defineComponent({
         groupTagcreateInputValue.value = '';
         // detectShowModal();
       } else {
-        OioNotification.error('失败', '分组名称不能为空');
+        OioNotification.error(translateValueByKey('失败'), translateValueByKey('分组名称不能为空'));
       }
       addGroupInputVisible.value = false;
     };

package/src/components/oio-manage-group/props.ts

@@ -1,4 +1,4 @@
-import { Ref, PropType } from 'vue';
+import type { Ref, PropType } from 'vue';
 
 export type IconGroupCommon = {
   id: string;

package/src/components/prop/UploadProps.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 
 export const UploadCommonProps = {
   change: {

package/src/components/quick-utils/CheckedHelper.ts

@@ -1,4 +1,4 @@
-import { OioListItem, OioTreeNode } from '@oinone/kunlun-shared';
+import type { OioListItem, OioTreeNode } from '@oinone/kunlun-shared';
 
 export class CheckedHelper {
   public static diffListCheckedKeys(

package/src/components/quick-utils/useListChecked.ts

@@ -1,4 +1,4 @@
-import { OioListItem } from '@oinone/kunlun-shared';
+import type { OioListItem } from '@oinone/kunlun-shared';
 import { SelectMode } from '@oinone/kunlun-vue-ui-common';
 
 type Options = {

package/src/components/quick-utils/useListState.ts

@@ -1,9 +1,8 @@
-import { IdModel, ListModelApi, QueryWrapper } from '@oinone/kunlun-engine';
-import { Converter, OioListItem, Optional, ReturnPromise } from '@oinone/kunlun-shared';
+import { type IdModel, type ListModelApi, QueryWrapper } from '@oinone/kunlun-engine';
+import { type Converter, type OioListItem, Optional, type ReturnPromise } from '@oinone/kunlun-shared';
 import { SelectMode } from '@oinone/kunlun-vue-ui-common';
 import { computed, reactive, watch } from 'vue';
 import { useListChecked } from './useListChecked';
-import { TreeInitOptions } from './useTreeState';
 
 interface ListInitContext<T> {
   storage: Record<string, OioListItem<T>>;
@@ -14,6 +13,7 @@ interface ListInitContext<T> {
 }
 
 export interface ListInitOptions {
+  model: string;
   rsql: string;
   checkedKeys: string[];
 }
@@ -39,7 +39,7 @@ export interface ListStateProps {
   getSearchValue?: () => string | null | undefined;
 }
 
-export type ListStateLoadFunction<T> = (
+export type ListStateLoadFunction<T extends IdModel> = (
   state: ListState<T>,
   service: ListModelApi<T>,
   queryWrapper: QueryWrapper
@@ -124,6 +124,9 @@ export function useListState<T extends IdModel>(initOptions: {
 
   const $$load = async (options?: Partial<ListInitOptions>): Promise<OioListItem<T>[]> => {
     const queryWrapper: QueryWrapper = {};
+    if (options?.model) {
+      queryWrapper.model = options.model;
+    }
     if (options?.rsql) {
       queryWrapper.rsql = options.rsql;
     }
@@ -141,6 +144,7 @@ export function useListState<T extends IdModel>(initOptions: {
 
   const $$initOptions = (options?: Partial<ListInitOptions>): ListInitOptions => {
     return {
+      model: options?.model || '',
       rsql: options?.rsql || '',
       checkedKeys: options?.checkedKeys || []
     };
@@ -181,7 +185,7 @@ export function useListState<T extends IdModel>(initOptions: {
     }
   };
 
-  const search = async (options?: Partial<TreeInitOptions>) => {
+  const search = async (options?: Partial<ListInitOptions>) => {
     state.data = await $$load(options);
     if (initOptions.searchListState) {
       initOptions.searchListState(state, $$initOptions(options));

package/src/components/quick-utils/useTreeChecked.ts

@@ -1,4 +1,4 @@
-import { OioTreeNode } from '@oinone/kunlun-shared';
+import type { OioTreeNode } from '@oinone/kunlun-shared';
 import { SelectMode } from '@oinone/kunlun-vue-ui-common';
 
 type Options = {

package/src/components/quick-utils/useTreeState.ts

@@ -1,5 +1,5 @@
-import { IdModel, QueryWrapper, TreeModelApi } from '@oinone/kunlun-engine';
-import { Converter, OioTreeNode, Optional, ReturnPromise, TreeHelper } from '@oinone/kunlun-shared';
+import { type IdModel, QueryWrapper, type TreeModelApi } from '@oinone/kunlun-engine';
+import { type Converter, type OioTreeNode, Optional, type ReturnPromise, TreeHelper } from '@oinone/kunlun-shared';
 import { SelectMode } from '@oinone/kunlun-vue-ui-common';
 import { computed, reactive, watch } from 'vue';
 import { useTreeChecked } from './useTreeChecked';
@@ -14,6 +14,7 @@ export interface TreeInitContext<T = unknown> {
 }
 
 export interface TreeInitOptions {
+  model: string;
   rsql: string;
   checkedKeys: string[];
 }
@@ -36,7 +37,7 @@ export interface TreeStateProps {
   getSearchValue?: () => string | null | undefined;
 }
 
-export type TreeStateLoadFunction<T> = (
+export type TreeStateLoadFunction<T extends IdModel> = (
   state: TreeState<T>,
   service: TreeModelApi<T>,
   queryWrapper: QueryWrapper
@@ -137,6 +138,9 @@ export function useTreeState<T extends IdModel>(initOptions: {
 
   const $$load = async (options?: Partial<TreeInitOptions>): Promise<OioTreeNode<T>[]> => {
     const queryWrapper: QueryWrapper = {};
+    if (options?.model) {
+      queryWrapper.model = options.model;
+    }
     if (options?.rsql) {
       queryWrapper.rsql = options.rsql;
     }
@@ -154,6 +158,7 @@ export function useTreeState<T extends IdModel>(initOptions: {
 
   const $$initOptions = (options?: Partial<TreeInitOptions>): TreeInitOptions => {
     return {
+      model: options?.model || '',
       rsql: options?.rsql || '',
       checkedKeys: options?.checkedKeys || []
     };

package/src/components/select/base/BaseSelect.vue

@@ -14,9 +14,20 @@ import {
 } from '@oinone/kunlun-vue-ui-antd';
 import { Select as ASelect } from 'ant-design-vue';
 import { debounce, delay } from 'lodash-es';
-import { computed, createVNode, defineComponent, nextTick, onBeforeUnmount, onMounted, ref, VNode } from 'vue';
+import {
+  computed,
+  createVNode,
+  defineComponent,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  type Slot,
+  type VNode
+} from 'vue';
 import { useMetadataProps } from '../../../basic';
 import { BaseSelectProps } from './props';
+import { useSelectId } from './useSelectId';
 
 interface SelectedOption {
   key: string;
@@ -41,12 +52,24 @@ export default defineComponent({
     }
   },
   setup(props, { emit }) {
+    const id = useSelectId();
     const origin = ref();
     const dropdownInputRef = ref();
     const formContext = useInjectOioDefaultFormContext();
-
     const { readonly, disabled, placeholder } = useMetadataProps(props, true);
-    const dropdownVisible = ref(false);
+
+    const $$dropdownVisible = ref(false);
+    const dropdownVisible = computed({
+      get() {
+        // 受控属性，不允许外部变更
+        return $$dropdownVisible.value;
+      },
+      set(val: boolean) {
+        $$dropdownVisible.value = val;
+        emit('update:dropdown-visible', val);
+      }
+    });
+
     const showLoadCompleted = ref(false);
 
     let focusSearchInput = false;
@@ -219,7 +242,42 @@ export default defineComponent({
       }
     };
 
+    const onClickStop = (e: MouseEvent) => {
+      e.stopPropagation();
+      e.preventDefault();
+    };
+
+    const $$onClear = () => {
+      props.change?.(null);
+      props.search?.('');
+    };
+
     const onGlobalMouseDown = (e: MouseEvent) => {
+      let antSelectClearDom: HTMLElement | undefined;
+      let target = e.target as HTMLElement | null | undefined;
+      if (target) {
+        for (let i = 0; i < 5; i++) {
+          if (target.nodeType && target.classList.contains('ant-select-clear')) {
+            antSelectClearDom = target;
+            break;
+          }
+          target = target.parentElement;
+          if (!target) {
+            break;
+          }
+        }
+      }
+      if (
+        antSelectClearDom &&
+        document
+          .querySelector(`#${id}`)
+          ?.parentElement?.parentElement?.parentElement?.getElementsByClassName('ant-select-clear')
+          .item(0) === antSelectClearDom
+      ) {
+        e.preventDefault();
+        e.stopPropagation();
+        $$onClear();
+      }
       focusSearchInput = e.target === dropdownInputRef.value?.originInput?.input;
     };
 
@@ -233,6 +291,7 @@ export default defineComponent({
 
     return {
       ...useMaxTagPlaceholder(),
+      id,
       origin,
       dropdownInputRef,
       readonly,
@@ -252,7 +311,8 @@ export default defineComponent({
       onBlur,
       onSearchInputFocus,
       onSearchInputBlur,
-      onSearchInputKeydown
+      onSearchInputKeydown,
+      onClickStop
     };
   },
   render() {
@@ -260,6 +320,7 @@ export default defineComponent({
       $slots,
       $attrs,
 
+      id,
       mode,
       value,
       options,
@@ -281,6 +342,7 @@ export default defineComponent({
       allowClear,
       allowSearch,
       searchArea,
+      tagRender,
       onSearch,
       notFoundContent,
       onDropdownVisibleChange,
@@ -288,15 +350,18 @@ export default defineComponent({
       onKeydown,
       onSearchInputFocus,
       onSearchInputBlur,
-      onSearchInputKeydown
+      onSearchInputKeydown,
+      onClickStop
     } = this;
-    const { prefix, suffix } = $slots;
+    const selectClassNames = ['oio-select', 'oio-base-select'];
     const props: Record<string, unknown> = {
       ref: 'origin',
-      class: 'oio-select oio-basic-select',
-      dropdownClassName: StringHelper.append(['oio-select-dropdown oio-basic-select-dropdown'], dropdownClassName).join(
-        ' '
-      ),
+      id,
+      class: selectClassNames,
+      dropdownClassName: StringHelper.append(
+        ['oio-select-dropdown oio-base-select-dropdown vxe-table--ignore-clear'],
+        dropdownClassName
+      ).join(' '),
       labelInValue: true,
       filterOption: false,
       defaultActiveFirstOption: false,
@@ -308,6 +373,7 @@ export default defineComponent({
       placeholder,
       allowClear,
       disabled,
+      tagRender,
       open: dropdownVisible,
       showArrow: allowArrow,
       getPopupContainer: getTriggerContainer,
@@ -320,6 +386,7 @@ export default defineComponent({
       onKeydown
     };
     if (mode === SelectMode.multiple) {
+      selectClassNames.push('oio-select-multiple');
       if (value == null) {
         props.value = undefined;
       } else if (Array.isArray(value)) {
@@ -336,10 +403,12 @@ export default defineComponent({
     } else {
       props.value = value;
     }
+    const { prefix, suffix, dropdownContentRender } = $slots;
+    const finalDropdownContentRender: Slot = dropdownContentRender || (({ menuNode: menu }) => menu);
     const slotNames = [
       {
         origin: 'dropdownRender',
-        default: ({ menuNode: menu }) => {
+        default: (...args: unknown[]) => {
           const vNodes: VNode[] = [];
           if (allowSearch && searchArea === SelectSearchArea.dropdown) {
             vNodes.push(
@@ -367,7 +436,12 @@ export default defineComponent({
               )
             );
           }
-          vNodes.push(menu);
+          const content = finalDropdownContentRender(...args);
+          if (Array.isArray(content)) {
+            vNodes.push(...content);
+          } else {
+            vNodes.push(content);
+          }
           if (loadMoreLoading) {
             vNodes.push(
               createVNode('div', { class: 'oio-select-dropdown-spin' }, [
@@ -392,7 +466,8 @@ export default defineComponent({
         }
       },
       'suffixIcon',
-      'option'
+      'option',
+      'tagRender'
     ];
     if (allowSearch && (!searchArea || searchArea === SelectSearchArea.default)) {
       props.showSearch = true;
@@ -401,6 +476,12 @@ export default defineComponent({
       props.showSearch = false;
     }
     if (readonly) {
+      selectClassNames.push('oio-select-readonly');
+      props.disabled = true;
+      props.open = false;
+      props.onClick = onClickStop;
+      props.onDropdownVisibleChange = null;
+      props.onKeydown = null;
       props.notFoundContent = null;
     } else if (notFoundContent === null) {
       props.notFoundContent = null;
@@ -421,8 +502,12 @@ export default defineComponent({
         }
       });
     }
+
+    if (props.options === null) {
+      slotNames.push('default');
+    }
     const selectVNode = createVNode(ASelect, props, PropRecordHelper.collectionSlots($slots, slotNames));
-    const classNames = ['oio-basic-select-wrapper'];
+    const classNames = ['oio-base-select-wrapper'];
     if (prefix || suffix) {
       return createVNode(OioInputGroup, PropRecordHelper.collectionBasicProps($attrs, classNames), {
         default: () => {
@@ -443,15 +528,15 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
-.oio-basic-select-wrapper {
+.oio-base-select-wrapper {
   &.oio-input-group {
-    .oio-basic-select {
+    .oio-base-select {
       flex: 1;
     }
   }
 }
 
-.oio-basic-select-dropdown {
+.oio-base-select-dropdown {
   .oio-select-dropdown-spin {
     height: 28px;
     padding: 5px 12px;

package/src/components/select/base/DefaultSelect.vue

@@ -1,8 +1,8 @@
 <script lang="ts">
-import { TableKeyboardConfig } from '@oinone/kunlun-engine';
-import { OioSelectItem, StringHelper } from '@oinone/kunlun-shared';
+import type { TableKeyboardConfig } from '@oinone/kunlun-engine';
+import { type OioSelectItem, StringHelper } from '@oinone/kunlun-shared';
 import { PropRecordHelper } from '@oinone/kunlun-vue-ui-common';
-import { computed, createVNode, defineComponent, PropType } from 'vue';
+import { computed, createVNode, defineComponent, type PropType } from 'vue';
 import BaseSelect from './BaseSelect.vue';
 import { DefaultSelectProps } from './props';
 
@@ -46,9 +46,9 @@ export default defineComponent({
         } else {
           props.change?.(null);
         }
-        return;
+      } else {
+        props.change?.(val.data);
       }
-      props.change?.(val.data);
     };
 
     return {
@@ -65,7 +65,10 @@ export default defineComponent({
       selected,
       searchValue,
       onUpdateSearchValue,
+      onUpdateDropdownVisible,
       options,
+      readonly,
+      disabled,
       dropdownClassName,
       placeholder,
       loadMoreLoading,
@@ -74,6 +77,7 @@ export default defineComponent({
       allowSearch,
       searchArea,
       allowClear,
+      tagRender,
       onChange,
       focus,
       blur,
@@ -95,8 +99,9 @@ export default defineComponent({
         mode,
         value: selected,
         searchValue,
-        'onUpdate:search-value': onUpdateSearchValue,
         options,
+        readonly,
+        disabled,
         placeholder,
         loadMoreLoading,
         loadCompleted,
@@ -104,6 +109,7 @@ export default defineComponent({
         allowSearch,
         searchArea,
         allowClear,
+        tagRender,
         change: onChange,
         focus,
         blur,
@@ -111,7 +117,9 @@ export default defineComponent({
         initLoad,
         loadMore,
         notFoundContent,
-        isEnterSubmit
+        isEnterSubmit,
+        'onUpdate:search-value': onUpdateSearchValue,
+        'onUpdate:dropdown-visible': onUpdateDropdownVisible
       },
       $slots
     );

package/src/components/select/base/index.ts

@@ -1,4 +1,5 @@
 export * from './props';
 export * from './typing';
+export * from './useSelectId';
 export { default as BaseSelect } from './BaseSelect.vue';
 export { default as DefaultSelect } from './DefaultSelect.vue';