@opendesign-plus/components 0.0.1-rc.34 → 0.0.1-rc.36

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

@@ -0,0 +1,29 @@
+import _sfc_main$1 from "./OActivityForm.vue.mjs";
+import './OActivityForm.css';
+import './OActivityForm2.css';
+import _sfc_main from "./OActivityApproval.vue.mjs";
+import './OActivityApproval.css';
+import './OActivityApproval2.css';
+import _sfc_main$2 from "./OActivityMyCalendar.vue.mjs";
+import './OActivityMyCalendar.css';
+import './OActivityMyCalendar2.css';
+const OActivityForm = Object.assign(_sfc_main$1, {
+  install(app) {
+    app.component("OActivityForm", _sfc_main$1);
+  }
+});
+const OActivityApproval = Object.assign(_sfc_main, {
+  install(app) {
+    app.component("OActivityApproval", _sfc_main);
+  }
+});
+const OActivityMyCalendar = Object.assign(_sfc_main$2, {
+  install(app) {
+    app.component("OActivityMyCalendar", OActivityMyCalendar);
+  }
+});
+export {
+  OActivityApproval,
+  OActivityForm,
+  OActivityMyCalendar
+};

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

@@ -0,0 +1,88 @@
+export interface ParamsItemT {
+    id?: number;
+    title: string;
+    start_date: string;
+    end_date: string;
+    register_end_date: string;
+    activity_type: string | number;
+    synopsis: string;
+    register_url: string;
+    content_url: string;
+    address: string;
+    start: string;
+    end: string;
+    schedules?: string;
+    is_publish: string;
+    update_activity_id?: string | number;
+    email_list?: string;
+    organizer?: string;
+    approver: string;
+    status?: number;
+}
+export interface ActivityFormPropsT {
+    data?: ParamsItemT;
+    creatActivity: any;
+    editActivity: any;
+    admins: string[];
+    organizers: {
+        id: number;
+        name: string;
+    }[];
+}
+export interface TypeOptionT {
+    label: string;
+    value: number;
+}
+export interface ActivityItemT {
+    activity_mode: number;
+    activity_type: number;
+    address: string;
+    approver: string;
+    approve_record: object;
+    start_date: string;
+    end: string;
+    end_date: string;
+    id: number;
+    is_delete: number;
+    live_address: string;
+    register_end_date: string;
+    register_url: string;
+    content_url: string;
+    start: string;
+    status: number;
+    synopsis: string;
+    title: string;
+    update_activity_id: number;
+    user: string;
+    sponsor: string;
+    create_time: string;
+    isExpired?: number;
+    sub_id?: string;
+    dateRange?: string;
+}
+export interface ReviewParamsT {
+    page: number;
+    size: number;
+    status: string;
+    activity_mode?: string;
+    is_delete?: number;
+    search: string;
+    sponsor: string;
+    order_by: string;
+}
+export interface ActivityTablePropsT {
+    getTableDataRequest: any;
+    applicantList: string[];
+    cancelActivityRequest: any;
+    deleteActivityRequest: any;
+    approveActivityRequest: any;
+    rejectActivityRequest: any;
+    getActivityDetailRequest: any;
+}
+export interface MyActivityCalendarPropsT {
+    getListRequest: any;
+    revokeActivityRequest: any;
+    deleteActivityRequest: any;
+    editActivityRequest: any;
+    getActivityDetailRequest: any;
+}

package/dist/treeshaking/components/banner/OBanner.css

@@ -0,0 +1,151 @@
+.hover-icon-rotate .o-icon[data-v-fddea127] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-fddea127] {
+    transform: rotate(-180deg);
+}
+}
+.home-banner[data-v-fddea127] {
+  overflow: hidden;
+  position: relative;
+}
+.home-banner.tiny[data-v-fddea127] {
+  font-size: 48px;
+  line-height: 64px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.home-banner.tiny[data-v-fddea127] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.home-banner.tiny[data-v-fddea127] {
+    font-size: 32px;
+    line-height: 44px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.home-banner.tiny[data-v-fddea127] {
+    font-size: 32px;
+    line-height: 44px;
+}
+}
+@media (max-width: 600px) {
+.home-banner.tiny[data-v-fddea127] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+.home-banner.tiny[data-v-fddea127] {
+  font-weight: 500;
+  margin: var(--o-gap-8) 0;
+  color: var(--o-color-info1);
+}
+.home-banner .content-height[data-v-fddea127] {
+  height: 100%;
+}
+.home-banner.large[data-v-fddea127] {
+  --banner-height: 460px;
+  height: var(--banner-height);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.home-banner.large[data-v-fddea127] {
+    --banner-height: 400px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.home-banner.large[data-v-fddea127] {
+    --banner-height: 360px;
+}
+}
+@media (max-width: 840px) {
+.home-banner.large[data-v-fddea127] {
+    --banner-height: 184px;
+}
+}
+.home-banner.medium[data-v-fddea127] {
+  --banner-height: 360px;
+  height: var(--banner-height);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.home-banner.medium[data-v-fddea127] {
+    --banner-height: 280px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.home-banner.medium[data-v-fddea127] {
+    --banner-height: 220px;
+}
+}
+@media (max-width: 840px) {
+.home-banner.medium[data-v-fddea127] {
+    --banner-height: 120px;
+}
+}
+.home-banner.small[data-v-fddea127] {
+  --banner-height: 280px;
+  height: var(--banner-height);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.home-banner.small[data-v-fddea127] {
+    --banner-height: 220px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.home-banner.small[data-v-fddea127] {
+    --banner-height: 180px;
+}
+}
+@media (max-width: 840px) {
+.home-banner.small[data-v-fddea127] {
+    display: none;
+}
+}
+.home-banner[data-v-fddea127] .o-btn {
+  border-radius: var(--btn-height);
+}
+.banner-carousel[data-v-fddea127] {
+  width: 100%;
+  height: 100%;
+}
+@media (min-width: 841px) {
+.banner-carousel[data-v-fddea127] {
+    --carousel-indicator-offset: 53px;
+}
+}
+@media (max-width: 840px) {
+.banner-carousel[data-v-fddea127] {
+    --carousel-indicator-offset: 1px;
+}
+}
+.banner-carousel[data-v-fddea127] .o-carousel-indicator-bar {
+  height: 24px;
+}
+.banner-item[data-v-fddea127] {
+  width: 100%;
+  height: 100%;
+}
+@keyframes fade-up-fddea127 {
+from {
+    transform: translateY(var(--d));
+    opacity: 0;
+}
+to {
+    transform: translateY(0);
+    opacity: 1;
+}
+}
+.current-slide .banner-title[data-v-fddea127] {
+  animation: fade-up-fddea127 400ms ease-in;
+}
+.current-slide .banner-subtitle[data-v-fddea127] {
+  animation: fade-up-fddea127 400ms ease-in;
+}
+.current-slide .banner-text[data-v-fddea127] {
+  animation: fade-up-fddea127 400ms ease-in;
+}
+.current-slide .banner-opts[data-v-fddea127] {
+  animation: fade-up-fddea127 400ms ease-in;
+}

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

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

package/dist/treeshaking/components/banner/OBanner.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from "./OBanner.vue2.mjs";
+import './OBanner.css';
+import './OBanner2.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OBanner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fddea127"]]);
+export {
+  _OBanner as default
+};

package/dist/treeshaking/components/banner/OBanner.vue2.mjs

@@ -0,0 +1,141 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, toDisplayString, unref, createBlock, withCtx, createVNode, Fragment, renderList, createElementVNode } from "vue";
+import { OFigure, OCarousel, OCarouselItem } from "@opensig/opendesign";
+import { useTheme, useScreen } from "@opendesign-plus/composables";
+import ContentWrapper from "../common/ContentWrapper.vue.mjs";
+import _OBannerContent from "./OBannerContent.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "content-height"
+};
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = {
+  key: 1,
+  class: "content-height"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "content-height"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OBanner",
+  props: {
+    options: {},
+    size: {},
+    contentJustifyCenter: { type: Boolean },
+    autoPlay: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { isLight } = useTheme();
+    const { isPhone } = useScreen();
+    const singleBanner = computed(() => {
+      if (!props.options) return void 0;
+      if (Array.isArray(props.options)) {
+        return props.options.length === 1 ? props.options[0] : void 0;
+      }
+      return props.options;
+    });
+    const multiBanner = computed(() => {
+      if (!Array.isArray(props.options) || props.options.length <= 1) return void 0;
+      return props.options;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["home-banner", __props.size])
+      }, [
+        singleBanner.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          __props.size === "tiny" ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(singleBanner.value.title), 1)) : !unref(isPhone) ? (openBlock(), createBlock(_OBannerContent, {
+            key: 1,
+            info: singleBanner.value,
+            size: __props.size,
+            "content-justify-center": __props.contentJustifyCenter,
+            "is-phone": unref(isPhone),
+            "is-light": unref(isLight),
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+          }, null, 8, ["info", "size", "content-justify-center", "is-phone", "is-light"])) : (openBlock(), createBlock(ContentWrapper, {
+            key: 2,
+            class: "banner-wrapper"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(OFigure), {
+                class: "banner-bg",
+                src: singleBanner.value.bg,
+                fit: "cover"
+              }, null, 8, ["src"])
+            ]),
+            _: 1
+          }))
+        ])) : multiBanner.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          !unref(isPhone) ? (openBlock(), createBlock(unref(OCarousel), {
+            key: 0,
+            class: "banner-carousel",
+            effect: "toggle",
+            "active-class": "current-slide",
+            "indicator-click": "",
+            "auto-play": __props.autoPlay
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(multiBanner.value, (info, index) => {
+                return openBlock(), createBlock(unref(OCarouselItem), {
+                  key: index,
+                  class: normalizeClass(["banner-item", `banner-item${index}`])
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_OBannerContent, {
+                      info,
+                      size: __props.size,
+                      "content-justify-center": __props.contentJustifyCenter,
+                      "is-phone": unref(isPhone),
+                      "is-light": unref(isLight),
+                      onClick: _cache[1] || (_cache[1] = ($event) => emit("click", $event))
+                    }, null, 8, ["info", "size", "content-justify-center", "is-phone", "is-light"])
+                  ]),
+                  _: 2
+                }, 1032, ["class"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["auto-play"])) : (openBlock(), createBlock(unref(OCarousel), {
+            key: 1,
+            class: "banner-carousel",
+            effect: "gallery",
+            "indicator-click": "",
+            arrow: "never",
+            "auto-play": __props.autoPlay
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(multiBanner.value, (info, index) => {
+                return openBlock(), createBlock(unref(OCarouselItem), {
+                  key: index,
+                  class: normalizeClass(["banner-item", `banner-item${index}`])
+                }, {
+                  default: withCtx(() => [
+                    createVNode(ContentWrapper, { class: "banner-wrapper" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(OFigure), {
+                          class: "banner-bg",
+                          src: info.bg,
+                          onClick: ($event) => emit("click", info.href)
+                        }, null, 8, ["src", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["class"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["auto-play"]))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[2] || (_cache[2] = [
+          createElementVNode("p", null, "No data.", -1)
+        ])]))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/banner/OBanner2.css

@@ -0,0 +1,39 @@
+.hover-icon-rotate .o-icon[data-v-fddea127] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-fddea127] {
+    transform: rotate(-180deg);
+}
+}
+.banner-item0 .banner-attach[data-v-fddea127] {
+  height: 120px;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-item0 .banner-attach[data-v-fddea127] {
+    height: 80px;
+}
+}
+.banner-item1 .banner-attach[data-v-fddea127] {
+  height: 156px;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-item1 .banner-attach[data-v-fddea127] {
+    height: 120px;
+}
+}
+.banner-item2 .banner-content[data-v-fddea127] {
+  width: 100%;
+  justify-content: center;
+}
+.banner-item2 .banner-attach[data-v-fddea127] {
+  height: 38%;
+  margin-top: -60px;
+  object-fit: contain;
+}
+.banner-wrapper[data-v-fddea127] {
+  height: 100%;
+}
+.banner-wrapper .banner-bg[data-v-fddea127] {
+  height: 100%;
+}

package/dist/treeshaking/components/banner/OBannerContent.css

@@ -0,0 +1,113 @@
+.hover-icon-rotate .o-icon[data-v-1904d05a] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-1904d05a] {
+    transform: rotate(-180deg);
+}
+}
+.banner-bg[data-v-1904d05a] {
+  width: 100%;
+  height: 100%;
+}
+.banner-bg[data-v-1904d05a] .o-figure-img {
+  width: 100%;
+  height: 100%;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-bg[data-v-1904d05a] .o-figure-img {
+    transition: object-position 0.3s ease;
+    object-position: var(--pad-offset);
+}
+}
+@media (max-width: 600px) {
+.banner-bg[data-v-1904d05a] {
+    --figure-radius: 4px;
+}
+}
+.banner-wrapper[data-v-1904d05a] {
+  height: 100%;
+}
+.banner-wrapper.content-center[data-v-1904d05a] {
+  display: flex;
+  justify-content: center;
+}
+.banner-wrapper.content-center .banner-content[data-v-1904d05a] {
+  align-items: center;
+}
+.banner-content[data-v-1904d05a] {
+  height: 100%;
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  position: relative;
+}
+.banner-title[data-v-1904d05a] {
+  font-size: 56px;
+  line-height: 80px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 48px;
+    line-height: 64px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (max-width: 600px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+.banner-title[data-v-1904d05a] {
+  color: var(--o-color-info1);
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+.banner-title.text-dark[data-v-1904d05a] {
+  color: var(--o-color-info1-inverse);
+}
+@media (max-width: 840px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+.banner-subtitle[data-v-1904d05a] {
+  color: var(--o-color-info1);
+  margin-top: 8px;
+  font-size: 16px;
+}
+.banner-subtitle.text-dark[data-v-1904d05a] {
+  color: var(--o-color-info1-inverse);
+}
+.banner-text[data-v-1904d05a] {
+  height: var(--pc-height);
+  width: var(--pc-width);
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-text[data-v-1904d05a] {
+    height: var(--pad-height);
+    width: var(--pad-width);
+}
+}
+.banner-opts[data-v-1904d05a] {
+  margin-top: 24px;
+  --d: 20px;
+}
+.cursor-pointer[data-v-1904d05a] {
+  cursor: pointer;
+}

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

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

package/dist/treeshaking/components/banner/OBannerContent.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OBannerContent.vue2.mjs";
+import './OBannerContent.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OBannerContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1904d05a"]]);
+export {
+  _OBannerContent as default
+};