@opendesign-plus-test/components 0.0.1-rc.65 → 0.0.1-rc.66

package/dist/types/components/search/internal/SearchPanel.vue.d.ts

@@ -0,0 +1,100 @@
+import { OSearchRecommendItem } from '../types';
+export interface SearchPanelPropsT {
+    keyword?: string;
+    onestepItems?: OSearchRecommendItem[];
+    onestepTitle?: string;
+    suggestItems?: OSearchRecommendItem[];
+    suggestTitle?: string;
+    recommendItems?: string[];
+    historyItems?: string[];
+    historyTitle?: string;
+    hotItems?: string[];
+    hotTitle?: string;
+    noDataText?: string;
+    highlightKeyword?: boolean;
+    /** When true, show history+hot sections only if keyword is empty */
+    hideOnKeyword?: boolean;
+    /** When true, show suggest empty state ("no data") even when list is empty */
+    showSuggestEmpty?: boolean;
+    isDark?: boolean;
+    /** 'chips' = tag-cloud (header dropdown), 'list' = full-width rows (page search) */
+    historyLayout?: 'chips' | 'list';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'onestep-header'?(_: {
+            items: OSearchRecommendItem[];
+        }): any;
+        'onestep-content'?(_: {
+            items: OSearchRecommendItem[];
+            keyword: string;
+        }): any;
+        'suggest-header'?(_: {
+            items: OSearchRecommendItem[];
+        }): any;
+        'suggest-content'?(_: {
+            items: OSearchRecommendItem[];
+            keyword: string;
+        }): any;
+        'recommend-header'?(_: {
+            items: string[];
+        }): any;
+        'recommend-content'?(_: {
+            items: string[];
+        }): any;
+        'history-header'?(_: {
+            items: string[];
+        }): any;
+        'history-content'?(_: {
+            items: string[];
+        }): any;
+        'hot-header'?(_: {
+            items: string[];
+        }): any;
+        'hot-content'?(_: {
+            items: string[];
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SearchPanelPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "onestep-click": (item: OSearchRecommendItem) => any;
+    "suggest-click": (item: OSearchRecommendItem) => any;
+    "recommend-click": (val: string) => any;
+    "history-click": (val: string) => any;
+    "hot-click": (val: string) => any;
+    "history-remove": (val: string) => any;
+    "history-clear": () => any;
+    "hot-refresh": () => any;
+}, string, import('vue').PublicProps, Readonly<SearchPanelPropsT> & Readonly<{
+    "onOnestep-click"?: ((item: OSearchRecommendItem) => any) | undefined;
+    "onSuggest-click"?: ((item: OSearchRecommendItem) => any) | undefined;
+    "onRecommend-click"?: ((val: string) => any) | undefined;
+    "onHistory-click"?: ((val: string) => any) | undefined;
+    "onHot-click"?: ((val: string) => any) | undefined;
+    "onHistory-remove"?: ((val: string) => any) | undefined;
+    "onHistory-clear"?: (() => any) | undefined;
+    "onHot-refresh"?: (() => any) | undefined;
+}>, {
+    keyword: string;
+    isDark: boolean;
+    onestepItems: OSearchRecommendItem[];
+    suggestItems: OSearchRecommendItem[];
+    recommendItems: string[];
+    historyItems: string[];
+    hotItems: string[];
+    highlightKeyword: boolean;
+    hideOnKeyword: boolean;
+    showSuggestEmpty: boolean;
+    historyLayout: "chips" | "list";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,20 @@
+export interface OSearchRecommendItem {
+    key: string;
+    path?: string;
+    type?: string;
+    count?: number;
+}
+export interface OSearchPayload {
+    keyword: string;
+    imageUrl?: string;
+}
+export interface OSearchImageUploadErrorPayload {
+    file: File;
+    error: unknown;
+}
+export type OSearchUploadImageFn = (file: File) => Promise<string>;
+export type OSearchItemClickType = 'history' | 'hot' | 'suggest' | 'onestep';
+export interface OSearchHighlightPart {
+    text: string;
+    match: boolean;
+}

package/dist/types/components/section/OSection.vue.d.ts

@@ -0,0 +1,37 @@
+export interface SectionPropsT {
+    title?: string | Array<string>;
+    subtitle?: string;
+    full?: boolean;
+    headerJustifyCenter?: boolean;
+    footer?: string;
+    footerHref?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        main?(_: {}): any;
+        header?(_: {}): any;
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SectionPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SectionPropsT> & Readonly<{}>, {
+    title: string | Array<string>;
+    footer: string;
+    subtitle: string;
+    full: boolean;
+    headerJustifyCenter: boolean;
+    footerHref: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/section/index.d.ts

@@ -0,0 +1,47 @@
+import { App } from 'vue';
+declare const OSection: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./OSection.vue').SectionPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        title: string | Array<string>;
+        footer: string;
+        subtitle: string;
+        full: boolean;
+        headerJustifyCenter: boolean;
+        footerHref: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./OSection.vue').SectionPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        title: string | Array<string>;
+        footer: string;
+        subtitle: string;
+        full: boolean;
+        headerJustifyCenter: boolean;
+        footerHref: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./OSection.vue').SectionPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    title: string | Array<string>;
+    footer: string;
+    subtitle: string;
+    full: boolean;
+    headerJustifyCenter: boolean;
+    footerHref: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        main?(_: {}): any;
+        header?(_: {}): any;
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { OSection };

package/dist/types/index.d.ts

@@ -0,0 +1,16 @@
+export * from './components/activity';
+export * from './components/banner';
+export * from './components/config-provider';
+export * from './components/cookie-notice';
+export * from './components/element-plus';
+export * from './components/events';
+export * from './components/footer';
+export * from './components/header';
+export * from './components/header-language-switcher';
+export * from './components/header-search';
+export * from './components/header-source-code';
+export * from './components/header-theme';
+export * from './components/header-user';
+export * from './components/meeting';
+export * from './components/search';
+export * from './components/section';

package/package.json

@@ -1,30 +1,29 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.65",
+  "version": "0.0.1-rc.66",
   "type": "module",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "main": "./dist/components.cjs.js",
-  "module": "./dist/components.es.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.mjs",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/components.es.js",
-      "require": "./dist/components.cjs.js"
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.mjs"
     },
-    "./element-plus": {
-      "types": "./dist/components/element-plus/index.d.ts",
-      "import": "./dist/components.element.es.js",
-      "require": "./dist/components.element.cjs.js"
-    },
-    "./styles": {
-      "import": "./dist/components.css",
-      "require": "./dist/components.css"
-    }
+    "./*": "./*"
   },
+  "sideEffects": [
+    "*.css",
+    "*.less",
+    "*.scss",
+    "*.sass"
+  ],
   "peerDependencies": {
     "@opensig/opendesign": "1.2.4",
     "@vueuse/core": "^14.0.0",

package/src/assets/styles/element-plus.scss

@@ -7,6 +7,10 @@
   --el-input-placeholder-color: var(--el-text-color-placeholder);
   --el-input-hover-border-color: var(--el-border-color-hover);
   --el-input-clear-hover-color: var(--el-text-color-secondary);
+  --el-component-size-large: 36px;
+  @include respond('<=pad_v') {
+    --el-component-size-large: var(--o-control_size-l);
+  }
 
   .el-date-editor {
     &.el-date-editor--daterange {
@@ -208,6 +212,24 @@
       }
     }
   }
+
+  .el-input-number {
+    --el-component-size-large: 34px;
+    @include respond('<=pad_v') {
+      --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+    }
+
+    .el-input-number__decrease,
+    .el-input-number__increase {
+      &:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
+        box-shadow: none;
+      }
+    }
+
+    &.el-input-number--large {
+      line-height: var(--el-component-size-large);
+    }
+  }
 }
 
 

package/src/components/meeting/OMeetingCalendar.vue

@@ -80,19 +80,9 @@ const getSummitData = async (date: string) => {
     summitData.value = [];
     const list = await props.getSummitListRequest(date);
     summitData.value = (list || []).map((v: SummitItemT) => {
-      const dates: string[] = [];
-      let cur = dayjs(v.start_date);
-      const end = dayjs(v.end_date);
-      while (!cur.isAfter(end)) {
-        dates.push(formatDate(cur));
-        cur = cur.add(1, 'day');
-      }
       return {
         ...v,
-        dates,
         type: CalendarDataType.SUMMIT,
-        start_date_time: `${ props.disableFormat ? v.start_date : formatDate(v.start_date) } ${ v.start || '' }`,
-        end_date_time: `${ props.disableFormat ? v.end_date : formatDate(v.end_date) } ${ v.end || '' }`,
       };
     });
   } else {
@@ -104,19 +94,9 @@ const getActivityData = async (date: string) => {
     eventsData.value = [];
     const list = await props.getEventsListRequest(date);
     eventsData.value = (list || []).map((v: MeetingEventsItemT) => {
-      const dates: string[] = [];
-      let cur = dayjs(v.start_date);
-      const end = dayjs(v.end_date);
-      while (!cur.isAfter(end)) {
-        dates.push(formatDate(cur));
-        cur = cur.add(1, 'day');
-      }
       return {
         ...v,
-        dates,
         type: CalendarDataType.EVENTS,
-        start_date_time: `${ props.disableFormat ? v.start_date : formatDate(v.start_date) } ${ v.start || '' }`,
-        end_date_time: `${ props.disableFormat ? v.end_date : formatDate(v.end_date) } ${ v.end || '' }`,
       };
     });
   } else {
@@ -170,8 +150,8 @@ const paramGetDaysData = async (params: { date: string; type: string }) => {
 const renderData = computed(() => {
   return [
     ...meetingData.value,
-    ...eventsData.value.filter(v => (!dayjs(v.start_date).isAfter(dayjs(currentDay.value)) && !dayjs(currentDay.value).isAfter(dayjs(v.end_date))) || v.dates?.includes(formatDate(currentDay.value))),
-    ...summitData.value.filter(v => v.dates?.includes(formatDate(currentDay.value))),
+    ...eventsData.value,
+    ...summitData.value,
   ].filter((v) => {
     if (tabType.value === CalendarDataType.ALL) {
       return true;

package/src/components/meeting/OMeetingForm.vue

@@ -935,7 +935,10 @@ defineExpose({
     border-radius: var(--meeting-card-radius);
     padding: 0 15px;
     background-color: var(--o-color-fill2);
-
+    --el-component-size-large: 34px;
+    @include respond('<=pad_v') {
+      --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+    }
     & > span {
       padding: 0 var(--o-gap-2);
     }
@@ -959,8 +962,8 @@ defineExpose({
 
       .el-select__wrapper {
         box-shadow: none;
-        padding: calc((var(--o-control_size-l) - 24px) / 2) 0;
-        min-height: var(--o-control_size-l);
+        padding: calc((var(--el-component-size-large) - 24px) / 2) 0;
+        min-height: var(--el-component-size-large);
         gap: 0;
       }
 

package/src/components/meeting/components/OMeetingCalendarList.vue

@@ -91,6 +91,8 @@ const computedList = computed<any[]>(() => {
   return props.list.map((v: any) => {
     const type = v.type;
     let dateRange = '';
+    let start_date_time = '';
+    let end_date_time = '';
     if (type !== CalendarDataType.MEETING) {
       let activity_type = activityTypeMap.value.get(v.activity_type)?.label;
       if (v.start && v.end) {
@@ -106,11 +108,25 @@ const computedList = computed<any[]>(() => {
           dateRange = `${ props.disableFormat ? v.start_date : formatDate(v.start_date) } - ${ props.disableFormat ? v.end_date : formatDate(v.end_date) }`;
         }
       }
+      if (v.start_date) {
+        start_date_time = props.disableFormat ? v.start_date : formatDate(v.start_date);
+        if (v.start) {
+          start_date_time = `${ start_date_time } ${ v.start }`;
+        }
+      }
+      if (v.end_date) {
+        end_date_time = props.disableFormat ? v.end_date : formatDate(v.end_date);
+        if (v.end) {
+          end_date_time = `${ end_date_time } ${ v.end }`;
+        }
+      }
 
       return {
         ...v,
         activity_type,
         dateRange,
+        start_date_time,
+        end_date_time,
       };
     }
     const {