@opendesign-plus/components 0.0.1-rc.6 → 0.0.1-rc.61

package/dist/treeshaking/components/meeting/index.mjs

@@ -0,0 +1,44 @@
+import _sfc_main from "./OMeetingCalendar.vue.mjs";
+import './OMeetingCalendar.css';
+import _sfc_main$1 from "./OMeetingForm.vue.mjs";
+import './OMeetingForm.css';
+import './OMeetingForm2.css';
+import _sfc_main$3 from "./OMeetingPlayback.vue.mjs";
+import './OMeetingPlayback.css';
+import _sfc_main$4 from "./OMeetingSigCalendar.vue.mjs";
+import './OMeetingSigCalendar.css';
+import _sfc_main$2 from "./OMeetingMyCalendar.vue.mjs";
+import './OMeetingMyCalendar.css';
+import './OMeetingMyCalendar2.css';
+const OMeetingCalendar = Object.assign(_sfc_main, {
+  install(app) {
+    app.component("OMeetingCalendar", _sfc_main);
+  }
+});
+const OMeetingForm = Object.assign(_sfc_main$1, {
+  install(app) {
+    app.component("OMeetingForm", _sfc_main$1);
+  }
+});
+const OMeetingPlayback = Object.assign(_sfc_main$3, {
+  install(app) {
+    app.component("OMeetingPlayback", _sfc_main$3);
+  }
+});
+const OMeetingSigCalendar = Object.assign(_sfc_main$4, {
+  install(app) {
+    app.component("OMeetingSigCalendar", _sfc_main$4);
+  }
+});
+const OMeetingMyCalendar = Object.assign(_sfc_main$2, {
+  install(app) {
+    app.component("OMeetingMyCalendar", _sfc_main$2);
+  }
+});
+export {
+  OMeetingCalendar,
+  OMeetingForm,
+  OMeetingMyCalendar,
+  OMeetingPlayback,
+  OMeetingSigCalendar
+};

package/dist/treeshaking/components/meeting/types.d.ts

@@ -0,0 +1,243 @@
+import { INTERVAL_DAY, INTERVAL_MONTH, INTERVAL_WEEK } from './config.ts';
+export interface GroupItemT {
+    id?: number;
+    group_name: string;
+    maillist?: string;
+}
+export declare enum CalendarDataType {
+    ALL = "all",
+    MEETING = "meeting",
+    EVENTS = "events",
+    SUMMIT = "summit",
+    APPROVAL = "approval"
+}
+export interface CalendarOtherDataT {
+    id: string;
+    name: string;
+    url: string;
+    dates: string[];
+    location?: string;
+    address?: string;
+    start_date: string;
+    end_date: string;
+    activity_type: string;
+    type: CalendarDataType.EVENTS | CalendarDataType.SUMMIT;
+}
+export interface OptionItemT {
+    label: string;
+    value: string | number;
+    [key: string]: any;
+}
+export type PlatformT = 'welink' | 'tencent' | 'zoom' | 'WELINK' | 'TENCENT' | 'ZOOM' | 'WeLink' | 'Tencent';
+export declare enum MeetingGroupType {
+    SIG = "sig",
+    GROUP = "group"
+}
+export interface MeetingCalendarPropsT {
+    getDateListRequest: any;
+    getMeetingListRequest: any;
+    getSummitListRequest: any;
+    getSummitDatesRequest: any;
+    getEventsListRequest: any;
+    getEventsDatesRequest: any;
+    hiddenEvents?: boolean;
+    hiddenSummit?: boolean;
+    groupType: MeetingGroupType;
+    groups: string[];
+    disableFormat?: boolean;
+    emptyImg?: any;
+    emptyText?: string;
+    showDesc?: boolean;
+    replayPath?: string | null;
+}
+export interface MeetingPostT {
+    id?: number;
+    topic: string;
+    name?: string;
+    title?: string;
+    sponsor?: string;
+    group_name: string;
+    platform: PlatformT | string;
+    date: string;
+    date_range?: string[];
+    time: string;
+    start: string;
+    end: string;
+    etherpad: string;
+    agenda: string;
+    email_list: string;
+    is_record: boolean;
+    is_cycle: boolean;
+    cycle_start_date?: string;
+    cycle_end_date?: string;
+    cycle_start?: string;
+    cycle_end?: string;
+    cycle_interval: number;
+    cycle_type: typeof INTERVAL_DAY | typeof INTERVAL_WEEK | typeof INTERVAL_MONTH;
+    cycle_point: number[];
+    is_notify?: boolean;
+    mid?: string;
+    sub_id?: string;
+    is_private: boolean;
+}
+export interface MeetingFormPropsT {
+    data?: MeetingItemT;
+    subId?: string;
+    createMeetingRequest: any;
+    editMeetingRequest: any;
+    editSubMeetingRequest: any;
+    getPlatformsRequest: any;
+    getGroupsRequest: any;
+    showBtns?: boolean;
+    groupType: MeetingGroupType;
+    confirmText?: string;
+    labelMap?: Record<string, string>;
+    privateContactEmail?: string;
+    enablePrivate: boolean;
+}
+export interface ObsDataItemT {
+    id: number;
+    mid: string;
+    sub_id: string;
+    status: number;
+    text_vtt_url: string;
+    text_json_url: string;
+    text_video_url: string;
+    text_picture_url: string;
+    topic_url: string;
+    meeting_id: number;
+}
+export interface CycleSubItemT {
+    id: number;
+    mid: string;
+    sub_id: string;
+    date: string;
+    start: string;
+    end: string;
+    meeting_id: number;
+}
+export interface MeetingItemT extends MeetingPostT {
+    id: number;
+    community: string;
+    mid: string;
+    m_mid: string;
+    join_url: string;
+    create_time: string;
+    isEnd: boolean;
+    is_delete: boolean;
+    update_time: string;
+    time: string;
+    cycle_sub: CycleSubItemT[];
+    live_url?: string;
+    type: CalendarDataType;
+    obs_data?: ObsDataItemT[];
+    isExpired?: boolean;
+    sub_id: string;
+    dateRange?: string;
+    hasObsData?: boolean;
+}
+export interface MeetingEventsItemT {
+    id: number;
+    title: string;
+    start_date: string;
+    end_date: string;
+    activity_type: number;
+    synopsis: string;
+    create_time: string;
+    address: string;
+    status: number;
+    sponsor: string;
+    is_delete: number;
+    start: string;
+    end: string;
+    register_url: string;
+    content_url: string;
+    live_url: null;
+    register_end_date: string;
+    update_activity_id: null;
+    approver: string;
+    organizer: string;
+    email_list: string;
+    dates?: string[];
+    type: CalendarDataType;
+}
+export interface SummitItemT {
+    id: string;
+    name: string;
+    url: string;
+    dates: string[];
+    location: string;
+    address: string;
+    start_date: string;
+    end_date: string;
+    start: string;
+    end: string;
+    activity_type: number;
+    type: CalendarDataType;
+}
+export interface PageParamsT {
+    page: number;
+    size: number;
+}
+export interface meetingTabT {
+    label: string;
+    value: CalendarDataType;
+    icon: any;
+    color?: string;
+    zIndex?: number;
+}
+export interface MeetingPlaybackPropsDetailT {
+    topic: string;
+    date: string;
+    start: string;
+    end: string;
+    agenda: string;
+    sponsor: string;
+    groupName: string;
+}
+export interface MeetingPlaybackPropsDataT {
+    mid: string;
+    subId?: string;
+    textJson: string;
+    poster: string;
+    video: string;
+    textVtt: string;
+    topicJson: string;
+}
+export interface MeetingPlaybackPropsT {
+    dates: string[];
+    detail: MeetingPlaybackPropsDetailT;
+    data: MeetingPlaybackPropsDataT;
+    dev?: boolean;
+}
+export interface SubjectItemT {
+    title: string;
+    startTime: string;
+    endTime: string;
+    startTimeNumber: number;
+    endTimeNumber: number;
+}
+export interface CaptionItemT {
+    ID: number;
+    start_time: string;
+    end_time: string;
+    speaker: string;
+    content: string;
+    contentHtml: string;
+    speakerIdx: number;
+    speakerLabel: string;
+}
+export interface MeetingPlaybackVideoPropsT {
+    src: string;
+    vtt?: string;
+    captions?: CaptionItemT[];
+    poster?: string | null;
+    posterTitle?: string | null;
+    instance?: any;
+    trackIdx: number;
+}
+export interface MeetingPlaybackSubtitlesPropsT {
+    captions?: CaptionItemT[];
+    instance?: any;
+    trackIdx: number;
+}

package/dist/treeshaking/components/meeting/types.mjs

@@ -0,0 +1,17 @@
+var CalendarDataType = /* @__PURE__ */ ((CalendarDataType2) => {
+  CalendarDataType2["ALL"] = "all";
+  CalendarDataType2["MEETING"] = "meeting";
+  CalendarDataType2["EVENTS"] = "events";
+  CalendarDataType2["SUMMIT"] = "summit";
+  CalendarDataType2["APPROVAL"] = "approval";
+  return CalendarDataType2;
+})(CalendarDataType || {});
+var MeetingGroupType = /* @__PURE__ */ ((MeetingGroupType2) => {
+  MeetingGroupType2["SIG"] = "sig";
+  MeetingGroupType2["GROUP"] = "group";
+  return MeetingGroupType2;
+})(MeetingGroupType || {});
+export {
+  CalendarDataType,
+  MeetingGroupType
+};

package/dist/treeshaking/components/meeting/utils.d.ts

@@ -0,0 +1,9 @@
+import { Dayjs } from 'dayjs';
+import { OptionItemT } from './types';
+export declare const formatDate: (date?: undefined | string | Date | Dayjs, format?: string) => string;
+export declare const findLabelFromOptions: (value: string | number, options: OptionItemT[], labelKey?: keyof OptionItemT, valueKey?: keyof OptionItemT) => any;
+export declare const speakerNum: (val: string) => number;
+export declare const getDateNumber: (date: string) => number;
+export declare const formatDateNumber: (num: number) => string;
+export declare const transformTime: (time: string) => number;
+export declare const transformSeconds: (seconds: number) => string;

package/dist/treeshaking/components/meeting/utils.mjs

@@ -0,0 +1,68 @@
+import dayjs from "dayjs";
+const formatDate = (date = /* @__PURE__ */ new Date(), format = "YYYY/MM/DD") => {
+  let dateStr = date;
+  if (!dateStr) {
+    dateStr = void 0;
+  }
+  if (!dayjs(new Date(dateStr)).isValid()) {
+    return dateStr;
+  }
+  return dayjs(new Date(dateStr)).format(format);
+};
+const findLabelFromOptions = (value, options, labelKey = "label", valueKey = "value") => {
+  const find = options.find((o) => o[valueKey] === value);
+  return (find == null ? void 0 : find[labelKey]) || value;
+};
+const speakerNum = (val) => {
+  const regex = /\d+/g;
+  const match = val.match(regex) || "";
+  return parseInt(match[0]);
+};
+const getDateNumber = (date) => {
+  const arr = date.split(":");
+  if (arr.length > 3 || !arr.length) {
+    return 0;
+  }
+  let res = 0;
+  let base = 1;
+  while (arr.length > 0) {
+    const current = arr.pop();
+    res += parseInt(current) * base;
+    base *= 60;
+  }
+  return res;
+};
+const formatNumber = (num) => {
+  if (num < 0) return "Invalid number";
+  if (num >= 10) return `${num}`;
+  return `0${num}`;
+};
+const formatDateNumber = (num) => {
+  if (num > 24 * 60 * 60) return "Invalid date";
+  const h = Math.floor(num / 60 / 60);
+  const m = Math.floor((num - h * 60 * 60) / 60);
+  const s = num % 60;
+  return `${formatNumber(h)}:${formatNumber(m)}:${formatNumber(s)}`;
+};
+const transformTime = (time) => {
+  const arr = time.split(":");
+  const hh = arr[arr.length - 3] ? parseInt(arr[arr.length - 3]) : 0;
+  const mm = parseInt(arr[arr.length - 2]);
+  const ss = parseFloat(arr[arr.length - 1]);
+  return hh * 60 * 60 + mm * 60 + ss;
+};
+const transformSeconds = (seconds) => {
+  const hh = Math.floor(seconds / 3600);
+  const mm = Math.floor((seconds - hh * 3600) / 60);
+  const ss = Math.floor(seconds - hh * 3600 - mm * 60);
+  return `${hh ? `${hh.toString().padStart(2, "0")}:` : ""}${mm.toString().padStart(2, "0")}:${ss.toString().padStart(2, "0")}`;
+};
+export {
+  findLabelFromOptions,
+  formatDate,
+  formatDateNumber,
+  getDateNumber,
+  speakerNum,
+  transformSeconds,
+  transformTime
+};

package/dist/treeshaking/components/search/OSearchInput.css

@@ -0,0 +1,155 @@
+.hover-icon-rotate .o-icon[data-v-18e8aec0] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-18e8aec0] {
+    transform: rotate(-180deg);
+}
+}
+.o-search-input[data-v-18e8aec0] {
+  position: relative;
+  width: 100%;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-radius-xs);
+}
+.o-search-input[data-v-18e8aec0] .o-input.o_box-large {
+  --_box-height: 48px;
+}
+.o-search-input[data-v-18e8aec0] .o-search-image-input-icon {
+  font-size: 24px;
+}
+.o-search-input[data-v-18e8aec0] .o-search-image-input-upload-btn {
+  width: 24px;
+  height: 24px;
+}
+@media (min-width: 841px) and (max-width: 1680px) {
+.o-search-input[data-v-18e8aec0] .o-input.o_box-large {
+    --_box-height: 40px;
+}
+}
+@media (max-width: 840px) {
+.o-search-input[data-v-18e8aec0] .o-input.o_box-large {
+    --_box-height: 32px;
+}
+.o-search-input[data-v-18e8aec0] .o-search-image-input-icon {
+    font-size: 16px;
+}
+.o-search-input[data-v-18e8aec0] .o-search-image-input-upload-btn {
+    width: 16px;
+    height: 16px;
+}
+}
+.o-search-input-box[data-v-18e8aec0] {
+  position: relative;
+  width: 100%;
+}
+.o-search-input-field[data-v-18e8aec0] {
+  width: 100%;
+}
+.o-search-input-dropdown[data-v-18e8aec0] {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  z-index: 10;
+  padding: var(--o-gap-4);
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-radius-xs);
+  box-shadow: var(--o-shadow-2);
+}
+.o-search-input-dropdown-enter-active[data-v-18e8aec0],
+.o-search-input-dropdown-leave-active[data-v-18e8aec0] {
+  transition: opacity var(--o-duration-m1), transform var(--o-duration-m1);
+}
+.o-search-input-dropdown-enter-from[data-v-18e8aec0],
+.o-search-input-dropdown-leave-to[data-v-18e8aec0] {
+  opacity: 0;
+  transform: translateY(-4px);
+}
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+  display: flex;
+  margin-top: 8px;
+  align-items: center;
+  flex-wrap: wrap;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+  color: var(--o-color-info1);
+}
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+  color: var(--o-color-info3);
+  margin-right: 4px;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-input-suggest-list[data-v-18e8aec0] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.o-search-input-suggest-list-item[data-v-18e8aec0] {
+  margin-right: 8px;
+  cursor: pointer;
+  color: var(--o-color-primary1);
+}
+.o-search-input-suggest-list-item[data-v-18e8aec0] em {
+  color: var(--o-color-primary1);
+  font-style: normal;
+}
+@media (hover: hover) {
+.o-search-input-suggest-list-item[data-v-18e8aec0]:hover {
+    text-decoration: underline;
+}
+}