@opendesign-plus-test/components 0.0.1-rc.19 → 0.0.1-rc.190

package/dist/treeshaking/components/common/ContentWrapper.css

@@ -0,0 +1,36 @@
+.hover-icon-rotate .o-icon[data-v-9e217f8f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-9e217f8f] {
+    transform: rotate(-180deg);
+}
+}
+.content-wrapper[data-v-9e217f8f] {
+  --layout-content-max-width: 1544px;
+  --layout-content-padding: 64px;
+  --layout-header-height: 80px;
+}
+@media (max-width: 1680px) {
+.content-wrapper[data-v-9e217f8f] {
+    --layout-content-max-width: 100%;
+    --layout-content-padding: 40px;
+}
+}
+@media (max-width: 1200px) {
+.content-wrapper[data-v-9e217f8f] {
+    --layout-content-padding: 32px;
+}
+}
+@media (max-width: 600px) {
+.content-wrapper[data-v-9e217f8f] {
+    --layout-content-padding: 24px;
+}
+}
+.content-wrapper[data-v-9e217f8f] {
+  max-width: var(--layout-content-max-width);
+  margin: 0 auto;
+  --content-wrapper-vertical-paddingTop: 72px;
+  --content-wrapper-vertical-paddingBottom: 72px;
+  padding: var(--content-wrapper-vertical-paddingTop) var(--layout-content-padding) var(--content-wrapper-vertical-paddingBottom);
+}

package/dist/treeshaking/components/common/ContentWrapper.vue.mjs

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

package/dist/treeshaking/components/common/ContentWrapper.vue2.mjs

@@ -0,0 +1,50 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, unref, renderSlot } from "vue";
+import { isBoolean, isString, isUndefined } from "@opensig/opendesign";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContentWrapper",
+  props: {
+    verticalPadding: { type: [Boolean, String, Array], default: void 0 }
+  },
+  setup(__props) {
+    const DEFAULT = Symbol("default");
+    const props = __props;
+    const paddingTop = computed(() => {
+      if (!props.verticalPadding) {
+        return 0;
+      }
+      if (isBoolean(props.verticalPadding)) {
+        return DEFAULT;
+      } else if (isString(props.verticalPadding)) {
+        return props.verticalPadding;
+      } else {
+        return props.verticalPadding[0];
+      }
+    });
+    const paddingBottom = computed(() => {
+      if (!props.verticalPadding) {
+        return 0;
+      }
+      if (isBoolean(props.verticalPadding)) {
+        return DEFAULT;
+      } else if (isString(props.verticalPadding)) {
+        return props.verticalPadding;
+      } else {
+        return !isUndefined(props.verticalPadding[1]) ? props.verticalPadding[1] : props.verticalPadding[0];
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "content-wrapper",
+        style: normalizeStyle({
+          "--content-wrapper-vertical-paddingTop": paddingTop.value === unref(DEFAULT) ? void 0 : paddingTop.value,
+          "--content-wrapper-vertical-paddingBottom": paddingBottom.value === unref(DEFAULT) ? void 0 : paddingBottom.value
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/common/TooltipText.css

@@ -0,0 +1,35 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.tooltip-text-wrapper .tooltip-text {
+  overflow: hidden;
+  word-break: keep-all;
+}
+.tooltip-text-wrapper .tooltip-text.ellipsis {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.tooltip-text-wrapper .tooltip-text.multi-lines {
+  word-break: break-all;
+  white-space: normal;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--lines);
+}
+.tooltip-text-wrapper .button {
+  color: var(--o-color-primary1);
+  cursor: pointer;
+}
+.tooltip-text-wrapper .popup-box2 {
+  color: var(--o-color-info2);
+}
+.tooltip-text-wrapper .popup-box2.fz-14 {
+  font-size: 14px;
+  line-height: 22px;
+}

package/dist/treeshaking/components/common/TooltipText.vue.mjs

@@ -0,0 +1,105 @@
+import { defineComponent, ref, useSlots, onMounted, onUnmounted, watch, computed, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
+import { isClient, OPopover } from "@opensig/opendesign";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TooltipText",
+  props: {
+    lines: {},
+    width: {},
+    type: { default: "" },
+    size: { default: 14 }
+  },
+  setup(__props) {
+    const contentRef = ref(null);
+    const ellipsis = ref(true);
+    const props = __props;
+    const slots = useSlots();
+    let resizeObserver = null;
+    let resizeRafId = null;
+    const checkOverflow = () => {
+      if (!isClient) return;
+      const ele = contentRef.value;
+      if (!ele) return;
+      if (props.lines && props.lines > 1) {
+        const visibleHeight = ele.offsetHeight;
+        const prevDisplay = ele.style.display;
+        ele.style.display = "block";
+        const naturalHeight = ele.scrollHeight;
+        ele.style.display = prevDisplay;
+        if (naturalHeight && visibleHeight) {
+          ellipsis.value = naturalHeight > visibleHeight + 1;
+        }
+        return;
+      }
+      ellipsis.value = ele.scrollWidth > ele.offsetWidth + 1 || ele.scrollHeight > ele.offsetHeight + 1;
+    };
+    const onWindowResize = () => {
+      if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
+      resizeRafId = requestAnimationFrame(checkOverflow);
+    };
+    onMounted(() => {
+      checkOverflow();
+      if (!isClient || !contentRef.value) return;
+      resizeObserver = new ResizeObserver(() => checkOverflow());
+      resizeObserver.observe(contentRef.value);
+      window.addEventListener("resize", onWindowResize);
+    });
+    onUnmounted(() => {
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
+      window.removeEventListener("resize", onWindowResize);
+    });
+    watch(() => [props.lines, props.width], () => {
+      if (isClient) requestAnimationFrame(checkOverflow);
+    });
+    const getTextFromNode = (node) => {
+      const children = node.children ?? "";
+      if (Array.isArray(children)) {
+        return children.map((v) => getTextFromNode(v)).join("");
+      }
+      return String(children);
+    };
+    const contentText = computed(() => {
+      var _a;
+      const nodes = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
+      return nodes.map((node) => getTextFromNode(node)).join("\n");
+    });
+    const wrapperStyle = computed(() => {
+      const calcWidth = Number.isNaN(Number(props.width)) ? props.width : `${props.width}px`;
+      return { width: calcWidth };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "tooltip-text-wrapper",
+        style: normalizeStyle(wrapperStyle.value)
+      }, [
+        createVNode(unref(OPopover), {
+          anchor: "",
+          disabled: !ellipsis.value,
+          adjustMinWidth: false,
+          adjustWidth: true
+        }, {
+          target: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["tooltip-text", __props.type, ellipsis.value && "ellipsis", __props.lines && __props.lines > 1 && "multi-lines"]),
+              ref_key: "contentRef",
+              ref: contentRef,
+              style: normalizeStyle(`--lines: ${__props.lines};`),
+              onMouseenter: checkOverflow
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 38)
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["popup-box2", `fz-${__props.size}`])
+            }, toDisplayString(contentText.value), 3)
+          ]),
+          _: 3
+        }, 8, ["disabled"])
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/common/TooltipText.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./TooltipText.vue.mjs";
+import './TooltipText.css';
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/common/WordAvatar.css

@@ -0,0 +1,19 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-word-avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--o-color-white);
+  object-fit: cover;
+}
+.o-word-avatar.o-word-avatar-round {
+  border-radius: 50%;
+  border: 1px solid var(--o-color-info1-inverse);
+}

package/dist/treeshaking/components/common/WordAvatar.vue.mjs

@@ -0,0 +1,84 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, toDisplayString } from "vue";
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WordAvatar",
+  props: {
+    name: {
+      type: String,
+      default: "",
+      required: true
+    },
+    // mini： 16 small： 24， medium： 40， large： 64
+    size: {
+      type: String,
+      default: "medium"
+    },
+    // 大小尺寸自定义，单位px
+    customSize: {
+      type: Number,
+      default: 0
+    },
+    variant: {
+      type: String,
+      default: "round"
+    },
+    src: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const bgColorArr = ["#058EF0", "#FA7305", "#03B5A5"];
+    const avatarText = computed(() => {
+      var _a;
+      return (_a = props.name) == null ? void 0 : _a.charAt(0).toUpperCase();
+    });
+    const getAvatarStyle = computed(() => {
+      var _a;
+      const avatarStyle = {
+        "background-color": "",
+        width: "40px",
+        height: "40px",
+        "font-size": "20px"
+      };
+      avatarStyle["background-color"] = props.name ? bgColorArr[((_a = props.name) == null ? void 0 : _a.length) % bgColorArr.length] : "transparent";
+      let sizeNum = 0;
+      if (props.customSize) {
+        sizeNum = Number(props.customSize);
+      } else {
+        const sizeToNum = {
+          mini: 16,
+          small: 24,
+          medium: 40,
+          large: 64
+        };
+        sizeNum = sizeToNum[props.size];
+      }
+      avatarStyle.height = `${sizeNum}px`;
+      avatarStyle.width = `${sizeNum}px`;
+      avatarStyle["font-size"] = `${sizeNum / 2}px`;
+      return avatarStyle;
+    });
+    const getImgStyle = computed(() => ({
+      width: getAvatarStyle.value.width,
+      height: getAvatarStyle.value.height
+    }));
+    return (_ctx, _cache) => {
+      return __props.src ? (openBlock(), createElementBlock("img", {
+        key: 0,
+        src: __props.src,
+        class: normalizeClass(["o-word-avatar", `o-word-avatar-${__props.variant}`]),
+        style: normalizeStyle(getImgStyle.value),
+        alt: ""
+      }, null, 14, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["o-word-avatar", `o-word-avatar-${__props.variant}`]),
+        style: normalizeStyle(getAvatarStyle.value)
+      }, toDisplayString(avatarText.value), 7));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/common/WordAvatar.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./WordAvatar.vue.mjs";
+import './WordAvatar.css';
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue.d.ts

@@ -0,0 +1,24 @@
+export interface OPlusConfigProviderPropsT {
+    locale?: string;
+    theme?: 'light' | 'dark';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<OPlusConfigProviderPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OPlusConfigProviderPropsT> & Readonly<{}>, {
+    locale: string;
+    theme: "light" | "dark";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/treeshaking/components/config-provider/OPlusConfigProvider.vue.mjs

@@ -0,0 +1,33 @@
+import { defineComponent, computed, unref, provide, openBlock, createBlock, withCtx, renderSlot } from "vue";
+import { OConfigProvider } from "@opensig/opendesign";
+import zhCN from "@opensig/opendesign/es/locale/lang/zh-cn";
+import enUS from "@opensig/opendesign/es/locale/lang/en-us";
+import { configProviderInjectKey } from "../../shared/provide.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OPlusConfigProvider",
+  props: {
+    locale: { default: "zh" },
+    theme: { default: "light" }
+  },
+  setup(__props) {
+    const props = __props;
+    const globalConfig = {
+      locale: computed(() => unref(props.locale)),
+      theme: computed(() => unref(props.theme))
+    };
+    provide(configProviderInjectKey, globalConfig);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OConfigProvider), {
+        locale: __props.locale === "zh" ? unref(zhCN) : unref(enUS)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["locale"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./OPlusConfigProvider.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/config-provider/index.d.ts

@@ -0,0 +1,30 @@
+import { App } from 'vue';
+declare const OPlusConfigProvider: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./OPlusConfigProvider.vue').OPlusConfigProviderPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        locale: string;
+        theme: "light" | "dark";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./OPlusConfigProvider.vue').OPlusConfigProviderPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        locale: string;
+        theme: "light" | "dark";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./OPlusConfigProvider.vue').OPlusConfigProviderPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    locale: string;
+    theme: "light" | "dark";
+}, {}, 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;
+};
+export { OPlusConfigProvider };

package/dist/treeshaking/components/config-provider/index.mjs

@@ -0,0 +1,9 @@
+import _sfc_main from "./OPlusConfigProvider.vue.mjs";
+const OPlusConfigProvider = Object.assign(_sfc_main, {
+  install(app) {
+    app.component("OPlusConfigProvider", _sfc_main);
+  }
+});
+export {
+  OPlusConfigProvider
+};

package/dist/treeshaking/components/cookie-notice/OCookieNotice.css

@@ -0,0 +1,35 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-cookie-notice-dlg-main {
+  --dlg-edge-gap: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px 24px;
+}
+}
+.o-cookie-notice-dlg-main {
+  --dlg-width: var(--grid-14);
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px;
+    --dlg-width: var(--grid-8);
+}
+}
+@media (max-width: 840px) {
+.o-cookie-notice-dlg-main {
+    --dlg-width: 100vw;
+}
+}

package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    visible?: boolean;
+    community: string;
+    detailUrl: string;
+    wrapper?: string | HTMLElement;
+    cookieDomain: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    check(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    cookieNoticeRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue.mjs

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