@opendesign-plus-test/components 0.0.1-rc.177 → 0.0.1-rc.178

package/dist/treeshaking/components/org/OOrgDesc.vue2.mjs

@@ -1,40 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, renderList, toDisplayString, createBlock, unref, createCommentVNode, renderSlot } from "vue";
-import { OFigure } from "@opensig/opendesign";
-const _hoisted_1 = { class: "o-org-desc" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OOrgDesc",
-  props: {
-    items: { default: () => [] },
-    image: { default: void 0 },
-    imageDark: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: "o-org-desc-item"
-          }, toDisplayString(item), 1);
-        }), 128)),
-        props.image ? (openBlock(), createBlock(unref(OFigure), {
-          key: 0,
-          class: "o-org-desc-img",
-          src: props.image,
-          fit: "contain"
-        }, null, 8, ["src"])) : createCommentVNode("", true),
-        props.imageDark ? (openBlock(), createBlock(unref(OFigure), {
-          key: 1,
-          class: "o-org-desc-img-dark",
-          src: props.imageDark,
-          fit: "contain"
-        }, null, 8, ["src"])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/org/OOrgMembers.css

@@ -1,234 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-b71cff74] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-b71cff74] {
-    transform: rotate(-180deg);
-}
-}
-.o-org-members[data-v-b71cff74] {
-  display: grid;
-  grid-template-columns: repeat(6, 1fr);
-  gap: var(--o-gap-6);
-  --org-card-radius: var(--o-radius-xs);
-  border-radius: var(--org-card-radius);
-  background-color: var(--o-color-fill2);
-  padding: var(--o-gap-6);
-}
-@media (max-width: 1680px) {
-.o-org-members[data-v-b71cff74] {
-    gap: var(--o-gap-5);
-    padding: var(--o-gap-5);
-}
-}
-@media (min-width: ) {
-.o-org-members[data-v-b71cff74] {
-    gap: var(--o-gap-4);
-    padding: var(--o-gap-4);
-}
-}
-@media (max-width: 840px) {
-.o-org-members[data-v-b71cff74] {
-    grid-template-columns: repeat(4, 1fr);
-    gap: var(--o-gap-3);
-    padding: var(--o-gap-3);
-}
-}
-@media (max-width: 600px) {
-.o-org-members[data-v-b71cff74] {
-    grid-template-columns: repeat(2, 1fr);
-}
-}
-.o-org-members .o-org-members-view-all[data-v-b71cff74] {
-  grid-column: 1/-1;
-  justify-self: center;
-  margin-top: var(--o-gap-4);
-}
-@media (max-width: 840px) {
-.o-org-members .o-org-members-view-all[data-v-b71cff74]:hover {
-    color: inherit;
-}
-}
-.o-org-members .o-org-members-item[data-v-b71cff74] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
-  --avatar-size: 120px;
-  width: var(--avatar-size);
-  height: var(--avatar-size);
-  border-radius: 50%;
-}
-@media (max-width: 1680px) {
-.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
-    --avatar-size: 100px;
-}
-}
-@media (min-width: ) {
-.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
-    --avatar-size: 80px;
-}
-}
-@media (max-width: 840px) {
-.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
-    --avatar-size: 64px;
-}
-}
-@media (max-width: 600px) {
-.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
-    --avatar-size: 48px;
-}
-}
-.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
-  font-weight: 600;
-  margin-top: var(--o-gap-4);
-  color: var(--o-color-info1);
-  font-size: 20px;
-  line-height: 28px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) {
-.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 1680px) {
-.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
-    margin-top: var(--o-gap-3);
-}
-}
-@media (min-width: ) {
-.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
-    margin-top: var(--o-gap-2);
-}
-}
-.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
-.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-  color: var(--o-color-info2);
-  font-weight: 400;
-  margin-top: var(--o-gap-1);
-  text-align: center;
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
-  .o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
-  .o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
-  .o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
-  .o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-  height: 2lh;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-    font-size: 14px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-org-members .o-org-members-item .o-org-members-email[data-v-b71cff74] {
-  margin-top: var(--o-gap-2);
-  --link-icon-size: 24px;
-}
-@media (max-width: 1680px) {
-.o-org-members .o-org-members-item .o-org-members-email[data-v-b71cff74] {
-    --link-icon-size: 20px;
-}
-}
-@media (max-width: 840px) {
-.o-org-members .o-org-members-item .o-org-members-email[data-v-b71cff74] {
-    --link-icon-size: 16px;
-}
-}
-.o-org-members .o-org-members-item[data-v-b71cff74] .o-link .o-link-prefix {
-  margin-right: var(--o-gap-2);
-}
-@media (max-width: 840px) {
-.o-org-members .o-org-members-item[data-v-b71cff74] .o-link .o-link-prefix {
-    margin-right: var(--o-gap-1);
-}
-}
-.o-org-members .o-org-members-item[data-v-b71cff74] .o-link .o-link-prefix svg {
-  width: var(--link-icon-size);
-  height: var(--link-icon-size);
-}
-.o-org-members .o-org-members-item .o-icon[data-v-b71cff74] {
-  font-size: 24px;
-}
-@media (max-width: 1680px) {
-.o-org-members .o-org-members-item .o-icon[data-v-b71cff74] {
-    font-size: 20px;
-}
-}
-@media (max-width: 840px) {
-.o-org-members .o-org-members-item .o-icon[data-v-b71cff74] {
-    font-size: 24px;
-}
-}

package/dist/treeshaking/components/org/OOrgMembers.vue.d.ts

@@ -1,5 +0,0 @@
-import { OrgMemberItemT, OrgMembersPropsT } from './types';
-declare const _default: import('vue').DefineComponent<OrgMembersPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OrgMembersPropsT> & Readonly<{}>, {
-    list: OrgMemberItemT[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/treeshaking/components/org/OOrgMembers.vue.mjs

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

package/dist/treeshaking/components/org/OOrgMembers.vue2.mjs

@@ -1,108 +0,0 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode, createBlock, unref, withCtx, createTextVNode, createVNode } from "vue";
-import { OLink, OButton, OIcon, OIconChevronUp, OIconChevronDown } from "@opensig/opendesign";
-import { useScreen } from "@opendesign-plus/composables";
-import { useI18n } from "../../i18n/index.mjs";
-import IconEmail from "../../_virtual/icon-email.mjs";
-const _hoisted_1 = { class: "o-org-members" };
-const _hoisted_2 = ["src", "alt"];
-const _hoisted_3 = { class: "o-org-members-title" };
-const _hoisted_4 = {
-  key: 0,
-  class: "o-org-members-position"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "o-org-members-desc"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OOrgMembers",
-  props: {
-    list: { default: () => [] }
-  },
-  setup(__props) {
-    const props = __props;
-    const { locale: localeRef, t } = useI18n();
-    const isEn = computed(() => localeRef.value !== "zh");
-    const { lePadV, isPhone } = useScreen();
-    const expanded = ref(false);
-    const columns = computed(() => {
-      if (isPhone.value) {
-        return 2;
-      }
-      if (lePadV.value) {
-        return 4;
-      }
-      return 6;
-    });
-    const maxItems = computed(() => columns.value * 4);
-    const showAllBtn = computed(() => props.list.length > maxItems.value);
-    const visibleList = computed(() => {
-      if (expanded.value || !showAllBtn.value) {
-        return props.list;
-      }
-      return props.list.slice(0, maxItems.value);
-    });
-    const toggleExpand = () => {
-      expanded.value = !expanded.value;
-    };
-    const getTitle = (item) => isEn.value ? item.titleEn || item.title : item.title;
-    const getPosition = (item) => isEn.value ? item.positionEn || item.position : item.position;
-    const getDesc = (item) => isEn.value ? item.descEn || item.desc : item.desc;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(visibleList.value, (item) => {
-          return openBlock(), createElementBlock("div", {
-            class: "o-org-members-item",
-            key: item.title
-          }, [
-            createElementVNode("img", {
-              class: "o-org-members-avatar",
-              src: item.avatar,
-              alt: item.title
-            }, null, 8, _hoisted_2),
-            createElementVNode("div", _hoisted_3, toDisplayString(getTitle(item)), 1),
-            getPosition(item) ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(getPosition(item)), 1)) : createCommentVNode("", true),
-            getDesc(item) ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(getDesc(item)), 1)) : createCommentVNode("", true),
-            item.email ? (openBlock(), createBlock(unref(OLink), {
-              key: 2,
-              class: "o-org-members-email",
-              href: `mailto:${item.email}`,
-              title: item.email,
-              "hover-underline": false
-            }, {
-              icon: withCtx(() => [
-                createVNode(unref(IconEmail))
-              ]),
-              default: withCtx(() => [
-                createTextVNode(" " + toDisplayString(unref(t)("org.email")), 1)
-              ]),
-              _: 1
-            }, 8, ["href", "title"])) : createCommentVNode("", true)
-          ]);
-        }), 128)),
-        showAllBtn.value ? (openBlock(), createBlock(unref(OButton), {
-          key: 0,
-          class: "o-org-members-view-all",
-          variant: "text",
-          onClick: toggleExpand
-        }, {
-          suffix: withCtx(() => [
-            createVNode(unref(OIcon), null, {
-              default: withCtx(() => [
-                expanded.value ? (openBlock(), createBlock(unref(OIconChevronUp), { key: 0 })) : (openBlock(), createBlock(unref(OIconChevronDown), { key: 1 }))
-              ]),
-              _: 1
-            })
-          ]),
-          default: withCtx(() => [
-            createTextVNode(" " + toDisplayString(expanded.value ? unref(t)("org.collapseAll") : unref(t)("org.viewAll")), 1)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/org/index.d.ts

@@ -1,55 +0,0 @@
-import { App } from 'vue';
-declare const OOrgDesc: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        image: string;
-        items: string[];
-        imageDark: string;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('../../index').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, {
-        image: string;
-        items: string[];
-        imageDark: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    image: string;
-    items: string[];
-    imageDark: string;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-}) & {
-    install(app: App): void;
-};
-declare const OOrgMembers: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        list: import('../../index').OrgMemberItemT[];
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('../../index').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, {
-        list: import('../../index').OrgMemberItemT[];
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    list: import('../../index').OrgMemberItemT[];
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
-    install(app: App): void;
-};
-export { OOrgDesc, OOrgMembers };
-export * from './types';

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

@@ -1,16 +0,0 @@
-import _OOrgDesc from "./OOrgDesc.vue.mjs";
-import _OOrgMembers from "./OOrgMembers.vue.mjs";
-const OOrgDesc = Object.assign(_OOrgDesc, {
-  install(app) {
-    app.component("OOrgDesc", _OOrgDesc);
-  }
-});
-const OOrgMembers = Object.assign(_OOrgMembers, {
-  install(app) {
-    app.component("OOrgMembers", _OOrgMembers);
-  }
-});
-export {
-  OOrgDesc,
-  OOrgMembers
-};

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

@@ -1,19 +0,0 @@
-export interface OrgMemberItemT {
-    avatar: string;
-    title: string;
-    titleEn?: string;
-    position?: string;
-    positionEn?: string;
-    desc?: string;
-    descEn?: string;
-    email?: string;
-    [key: string]: unknown;
-}
-export interface OrgDescPropsT {
-    items?: string[];
-    image?: string;
-    imageDark?: string;
-}
-export interface OrgMembersPropsT {
-    list: OrgMemberItemT[];
-}

package/dist/treeshaking/shared/anchor.mjs

@@ -1,9 +0,0 @@
-const ANCHOR_STICKY_GAP = 8;
-const isAnchorSticky = (sentinelTop, headerHeight, mobile) => {
-  const offset = mobile ? ANCHOR_STICKY_GAP : 0;
-  return sentinelTop - offset <= headerHeight;
-};
-export {
-  ANCHOR_STICKY_GAP,
-  isAnchorSticky
-};