@opendesign-plus-test/components 0.0.1-rc.58 → 0.0.1-rc.60

package/src/components/search/OSearchInput.vue

@@ -230,7 +230,7 @@ const handleSuggestClick = (item: OSearchRecommendItem) => {
   emit('recommend-click', item);
   suppressNextInput = true;
   innerValue.value = item.key;
-  runSearch();
+  runSearch(item.key);
 };
 
 const handleOnestepClick = (item: OSearchRecommendItem) => {
@@ -267,7 +267,7 @@ const handleSuggestListClick = (val: string) => {
   emit('suggest-list-click', text);
   suppressNextInput = true;
   innerValue.value = text;
-  runSearch();
+  runSearch(text);
 };
 
 const onPreviewChange = (visible: boolean) => {

package/src/i18n/en.ts

@@ -146,7 +146,7 @@ export default {
   'meeting.groups': 'Groups',
   'meeting.activityAddress': 'Address',
   'meeting.livePlatform': 'Live Platform',
-  'meeting.meetingTopic': 'Topics',
+  'meeting.meetingTopic': 'Topics: ',
   'meeting.meetingDetail': 'Details',
   'meeting.meetingEtherpad': 'Etherpad',
   'meeting.meetingReplay': 'Playback',

package/src/i18n/zh.ts

@@ -145,7 +145,7 @@ export default {
   'meeting.groups': '工作组',
   'meeting.activityAddress': '活动地点',
   'meeting.livePlatform': '直播平台',
-  'meeting.meetingTopic': '会议主题',
+  'meeting.meetingTopic': '会议主题：',
   'meeting.meetingDetail': '会议详情',
   'meeting.meetingEtherpad': '会议纪要',
   'meeting.meetingReplay': '智能回放',

package/src/index.ts

@@ -1,11 +1,11 @@
 // OpenDesignPlus Components 库入口文件
 // 此文件由 scripts/generate-components-index.js 自动生成
 
+import OBanner from './components/OBanner.vue';
 import OCookieNotice from './components/OCookieNotice.vue';
 import OFooter from './components/OFooter.vue';
 import OHeaderSearch from './components/OHeaderSearch.vue';
 import OHeaderUser from './components/OHeaderUser.vue';
-import OLanguageSwitcher from './components/OLanguageSwitcher.vue';
 import OPlusConfigProvider from './components/OPlusConfigProvider.vue';
 import OSection from './components/OSection.vue';
 import OSourceCode from './components/OSourceCode.vue';
@@ -13,11 +13,11 @@ import OThemeSwitcher from './components/OThemeSwitcher.vue';
 
 // 导出组件
 const components = {
+  OBanner,
   OCookieNotice,
   OFooter,
   OHeaderSearch,
   OHeaderUser,
-  OLanguageSwitcher,
   OPlusConfigProvider,
   OSection,
   OSourceCode,
@@ -25,11 +25,10 @@ const components = {
 };
 
 // 导出单个组件
-export { OCookieNotice, OFooter, OHeaderSearch, OHeaderUser, OLanguageSwitcher, OPlusConfigProvider, OSection, OSourceCode, OThemeSwitcher };
+export { OBanner, OCookieNotice, OFooter, OHeaderSearch, OHeaderUser, OPlusConfigProvider, OSection, OSourceCode, OThemeSwitcher };
 
 // 重新导出子目录中的组件
 export * from './components/activity';
-export * from './components/banner';
 export * from './components/element-plus';
 export * from './components/events';
 export * from './components/header';

package/dist/components/OLanguageSwitcher.vue.d.ts

@@ -1,49 +0,0 @@
-export interface LanguageOptionT {
-    id: string;
-    label: string;
-    simple: string;
-}
-declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
-    options: {
-        type: () => LanguageOptionT[];
-        default(): {
-            id: string;
-            label: string;
-            simple: string;
-        }[];
-    };
-    type: {
-        type: () => "auto" | "common" | "mobile";
-        default: string;
-    };
-    auto: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, import('../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
-    options: {
-        type: () => LanguageOptionT[];
-        default(): {
-            id: string;
-            label: string;
-            simple: string;
-        }[];
-    };
-    type: {
-        type: () => "auto" | "common" | "mobile";
-        default: string;
-    };
-    auto: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    type: "auto" | "mobile" | "common";
-    auto: boolean;
-    options: LanguageOptionT[];
-}, {}, {}, {}, string, import('../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/banner/OBanner.vue.d.ts

@@ -1,13 +0,0 @@
-import { BannerItem } from './types';
-type __VLS_Props = {
-    options?: BannerItem | BannerItem[];
-    size?: 'large' | 'medium' | 'small' | 'tiny';
-    contentJustifyCenter?: boolean;
-    autoPlay?: boolean;
-};
-declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
-    click: (href: string | undefined) => any;
-}, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((href: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/banner/OBannerContent.vue.d.ts

@@ -1,7 +0,0 @@
-import { BannerContentProps } from './types';
-declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<BannerContentProps, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
-    click: (href: string | undefined) => any;
-}, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<BannerContentProps> & Readonly<{
-    onClick?: ((href: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/banner/index.d.ts

@@ -1,68 +0,0 @@
-import { App } from '../../../vue/dist/vue.esm-bundler.js';
-declare const OBanner: {
-    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<{
-        options?: import('./types').BannerItem | import('./types').BannerItem[];
-        size?: "large" | "medium" | "small" | "tiny";
-        contentJustifyCenter?: boolean;
-        autoPlay?: boolean;
-    }> & Readonly<{
-        onClick?: ((href: string | undefined) => any) | undefined;
-    }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
-        click: (href: string | undefined) => any;
-    }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {}, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {}, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        options?: import('./types').BannerItem | import('./types').BannerItem[];
-        size?: "large" | "medium" | "small" | "tiny";
-        contentJustifyCenter?: boolean;
-        autoPlay?: boolean;
-    }> & Readonly<{
-        onClick?: ((href: string | undefined) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<{
-    options?: import('./types').BannerItem | import('./types').BannerItem[];
-    size?: "large" | "medium" | "small" | "tiny";
-    contentJustifyCenter?: boolean;
-    autoPlay?: boolean;
-}> & Readonly<{
-    onClick?: ((href: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
-    click: (href: string | undefined) => any;
-}, string, {}, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps & {
-    install(app: App): void;
-};
-declare const OBannerContent: {
-    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').BannerContentProps> & Readonly<{
-        onClick?: ((href: string | undefined) => any) | undefined;
-    }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
-        click: (href: string | undefined) => any;
-    }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {}, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {}, any, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./types').BannerContentProps> & Readonly<{
-        onClick?: ((href: string | undefined) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('./types').BannerContentProps> & Readonly<{
-    onClick?: ((href: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
-    click: (href: string | undefined) => any;
-}, string, {}, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps & {
-    install(app: App): void;
-};
-export { OBanner, OBannerContent };
-export * from './types';

package/dist/components/banner/types.d.ts

@@ -1,31 +0,0 @@
-export interface BannerItem {
-    title?: string;
-    subtitle?: string;
-    bg: string;
-    text_theme?: 'light' | 'dark';
-    bg_text?: string;
-    pc_text_width?: string;
-    pc_text_height?: string;
-    pad_text_width?: string;
-    pad_text_height?: string;
-    attach?: string;
-    href?: string;
-    btn?: string;
-    withStickyBg?: boolean;
-    pad_offset?: string;
-}
-export interface BannerContentProps {
-    info: BannerItem;
-    size?: 'large' | 'medium' | 'small' | 'tiny';
-    contentJustifyCenter?: boolean;
-    isPhone?: boolean;
-    isLight?: boolean;
-}
-export interface HomeBannerEmits {
-    (e: 'before-change', index: number): void;
-    (e: 'click', href: string | undefined): void;
-}
-export interface BannerContentEmits {
-    (e: 'click', href: string | undefined): void;
-}
-export type ComponentSize = 'large' | 'medium' | 'small' | 'tiny';

package/src/components/OLanguageSwitcher.vue

@@ -1,211 +0,0 @@
-<script lang="ts" setup>
-import { computed } from 'vue';
-import { useLocale, useScreen } from '@opendesign-plus/composables';
-import { OIcon, ODropdown, ODropdownItem } from '@opensig/opendesign';
-
-import IconLocale from '~icons/components/icon-locale.svg';
-
-export interface LanguageOptionT {
-  id: string;
-  label: string;
-  simple: string;
-}
-
-const props = defineProps({
-  options: {
-    type: Array as () => LanguageOptionT[],
-    default() {
-      return [
-        { id: 'zh', label: '简体中文', simple: '中' },
-        { id: 'en', label: 'English', simple: 'EN'  },
-      ];
-    },
-  },
-  type: {
-    type: String as () => 'auto' | 'common' | 'mobile',
-    default: 'auto',
-  },
-  auto: {
-    type: Boolean,
-    default: true,
-  },
-});
-
-const { changeLocale, locale } = useLocale();
-
-const { lePadV } = useScreen();
-const lang = computed(() => {
-  return locale.value;
-});
-
-
-// 选择语言
-const emits = defineEmits(['change']);
-const changeLanguage = (newlang: LanguageOptionT) => {
-  if (props.auto) {
-    changeLocale();
-  }
-  emits('change', newlang);
-};
-
-const getLang = (lang: String, simple?: boolean) => {
-  const item = props.options.find((el: LanguageOptionT) => el.id === lang);
-  if (item) {
-    return simple ? item.simple : item.label;
-  }
-
-  const defaultLang = props.options[0];
-  return simple ? defaultLang.simple : defaultLang.label;
-};
-
-const isCommon = computed(() => {
-  return props.type === 'common' || (props.type === 'auto' && !lePadV.value);
-});
-</script>
-
-<template>
-  <div
-    v-if="isCommon"
-    :class="options.length <= 1 ? 'hide-lang' : 'header-lang'"
-  >
-    <ODropdown
-      trigger="hover"
-      optionPosition="bottom"
-      option-wrap-class="dropdown"
-    >
-      <div class="info-wrap">
-        <OIcon class="icon">
-          <IconLocale />
-          <div :class="['locale-tag', { 'is-en': lang === 'en' }]">{{ getLang(lang, true) }}</div>
-        </OIcon>
-      </div>
-
-      <template #dropdown>
-        <ODropdownItem
-          v-for="item in options"
-          @click="changeLanguage(item)"
-          :key="item.id"
-          :class="['list', { 'is-active': lang === item.id }]"
-        >
-          {{ getLang(item.id) }}
-        </ODropdownItem>
-      </template>
-    </ODropdown>
-  </div>
-
-  <div
-    v-else
-    :class="options.length <= 1 ? 'hide-lang' : 'mobile-change-language'"
-  >
-    <span
-      v-for="item in options"
-      :key="item.id"
-      :class="{ active: lang === item.id }"
-      @click.stop="changeLanguage(item)"
-      >{{ getLang(item.id, true) }}</span
-    >
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.hide-lang {
-  display: none;
-}
-
-.header-lang {
-  height: calc(100% + 10px);
-  display: flex;
-  align-items: center;
-
-  .info-wrap {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-
-    .icon {
-      font-size: var(--o-icon_size_control-m);
-      position: relative;
-      color: var(--o-color-info1);
-
-      &:hover {
-        color: var(--o-color-primary1);
-      }
-    }
-    .locale-tag {
-      position: absolute;
-      font-size: 10px;
-      height: 12px;
-      width: 12px;
-      background-color: var(--o-color-fill2);
-
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      left: 12px;
-      top: 11px;
-
-      &.is-en {
-        width: 16px;
-      }
-    }
-  }
-  .list {
-    background: var(--o-color-fill2);
-    cursor: pointer;
-    box-shadow: var(--o-shadow-1);
-    border-radius: var(--o-radius_control-xs);
-    padding: var(--o-gap-1);
-    width: 144px;
-  }
-}
-
-.o-dropdown {
-  height: 100%;
-}
-.o-dropdown-item {
-  background: var(--o-color-fill2);
-  cursor: pointer;
-  border-radius: var(--o-radius_control-xs);
-  padding: var(--o-gap-1);
-  min-width: 144px;
-  height: 40px;
-  color: var(--o-color-info1);
-
-  @include hover {
-    background: var(--o-color-control2-light);
-  }
-
-  &.is-active {
-    color: var(--o-color-primary1);
-    background: var(--o-color-control3-light);
-  }
-}
-.dropdown {
-  --dropdown-list-radius: var(--o-radius-xs);
-}
-
-.mobile-change-language {
-  display: flex;
-  align-items: center;
-  height: 36px;
-  span {
-    color: var(--o-color-info1);
-    margin-right: var(--o-gap-1);
-    text-align: center;
-    @include text1;
-    cursor: pointer;
-    &.active {
-      color: var(--o-color-primary1);
-      font-weight: 500;
-    }
-    &:not(:last-child) {
-      &:after {
-        content: '|';
-        margin-left: var(--o-gap-1);
-        color: var(--o-color-info1);
-      }
-    }
-  }
-}
-</style>