@opendesign-plus-test/components 0.0.1-rc.214 → 0.0.1-rc.215

package/dist/treeshaking/components/search-result/OSearchResultHeader.vue.mjs

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

package/dist/treeshaking/components/search-result/OSearchResultHeader.vue2.mjs

@@ -1,104 +0,0 @@
-import { defineComponent, useCssVars, useModel, ref, computed, openBlock, createElementBlock, createElementVNode, unref, createVNode, withCtx, renderSlot, mergeProps, toDisplayString, Fragment, renderList, createBlock, createCommentVNode, mergeModels } from "vue";
-import { OIcon, isArray, OTab, OTabPane } from "@opensig/opendesign";
-import IconArrowLeft from "../../_virtual/icon-arrow-left.mjs";
-import OSearchInput from "../search/OSearchInput.vue.mjs";
-import { useI18n } from "../../i18n/index.mjs";
-const _hoisted_1 = { class: "o-search-result-header" };
-const _hoisted_2 = { class: "o-search-result-header-content" };
-const _hoisted_3 = { class: "o-search-result-header-input-row" };
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = {
-  key: 0,
-  class: "o-search-result-header-tab-wrap"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OSearchResultHeader",
-  props: /* @__PURE__ */ mergeModels({
-    bg: {},
-    tabs: {},
-    inputProps: {}
-  }, {
-    "searchInput": {},
-    "searchInputModifiers": {},
-    "tab": {},
-    "tabModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["back", "search"], ["update:searchInput", "update:tab"]),
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "v5b9f5904": bgStyle.value
-    }));
-    const props = __props;
-    const emit = __emit;
-    const searchInput = useModel(__props, "searchInput");
-    const tabVal = useModel(__props, "tab");
-    const { t } = useI18n();
-    const searchInputRef = ref(null);
-    const handleSearch = () => {
-      var _a;
-      (_a = searchInputRef.value) == null ? void 0 : _a.search();
-    };
-    const bgStyle = computed(() => props.bg ? `url(${props.bg})` : "none");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("button", {
-              type: "button",
-              class: "o-search-result-header-back",
-              "aria-label": unref(t)("search.back"),
-              onClick: _cache[0] || (_cache[0] = ($event) => emit("back"))
-            }, [
-              createVNode(unref(OIcon), null, {
-                default: withCtx(() => [
-                  createVNode(unref(IconArrowLeft))
-                ]),
-                _: 1
-              })
-            ], 8, _hoisted_4),
-            renderSlot(_ctx.$slots, "input", {}, () => [
-              createVNode(OSearchInput, mergeProps({
-                ref_key: "searchInputRef",
-                ref: searchInputRef
-              }, __props.inputProps, {
-                modelValue: searchInput.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchInput.value = $event),
-                class: "o-search-result-header-input",
-                onSearch: _cache[2] || (_cache[2] = (payload) => emit("search", payload))
-              }), null, 16, ["modelValue"])
-            ], true),
-            createElementVNode("div", {
-              class: "o-search-result-header-search-btn",
-              onClick: handleSearch
-            }, toDisplayString(unref(t)("search")), 1)
-          ]),
-          renderSlot(_ctx.$slots, "tab", {}, () => [
-            unref(isArray)(__props.tabs) && __props.tabs.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              createVNode(unref(OTab), {
-                modelValue: tabVal.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => tabVal.value = $event),
-                class: "o-search-result-header-tab",
-                line: false,
-                size: "large"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (item) => {
-                    return openBlock(), createBlock(unref(OTabPane), {
-                      key: item.value,
-                      value: item.value,
-                      label: item.label
-                    }, null, 8, ["value", "label"]);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ])) : createCommentVNode("", true)
-          ], true)
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/search-result/OSearchResultItem.css

@@ -1,213 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-468b74b0] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-468b74b0] {
-    transform: rotate(-180deg);
-}
-}
-.o-search-result-item[data-v-468b74b0]:not(:first-child) {
-  padding-top: 16px;
-  border-top: 1px solid var(--o-color-control4);
-}
-@media (max-width: 1680px) {
-.o-search-result-item[data-v-468b74b0]:not(:first-child) {
-    padding-top: 12px;
-}
-}
-.o-search-result-item[data-v-468b74b0]:not(:last-child) {
-  padding-bottom: 16px;
-}
-@media (max-width: 1680px) {
-.o-search-result-item[data-v-468b74b0]:not(:last-child) {
-    padding-bottom: 12px;
-}
-}
-.o-search-result-item[data-v-468b74b0] {
-  --o-search-result-item-radius: var(--o-search-result-radius, var(--o-radius-xs));
-  display: flex;
-  align-items: center;
-  gap: 24px;
-}
-@media (max-width: 1680px) {
-.o-search-result-item[data-v-468b74b0] {
-    gap: 16px;
-}
-}
-@media (max-width: 1200px) {
-.o-search-result-item[data-v-468b74b0] {
-    gap: 12px;
-}
-}
-@media (max-width: 840px) {
-.o-search-result-item[data-v-468b74b0] {
-    padding: 12px 16px;
-    background-color: var(--o-color-fill2);
-    border-radius: var(--o-radius-xs);
-}
-}
-@media (max-width: 600px) {
-.o-search-result-item[data-v-468b74b0] {
-    flex-direction: column;
-    align-items: stretch;
-    gap: 0;
-}
-}
-.o-search-result-item .o-search-result-item-body[data-v-468b74b0] {
-  flex: 1;
-  min-width: 0;
-}
-.o-search-result-item .o-search-result-item-img[data-v-468b74b0] {
-  flex-shrink: 0;
-  width: 108px;
-  height: 108px;
-  border-radius: var(--o-search-result-item-radius);
-}
-@media (max-width: 1680px) {
-.o-search-result-item .o-search-result-item-img[data-v-468b74b0] {
-    width: 96px;
-    height: 96px;
-}
-}
-@media (max-width: 1200px) {
-.o-search-result-item .o-search-result-item-img[data-v-468b74b0] {
-    width: 72px;
-    height: 72px;
-}
-}
-@media (max-width: 600px) {
-.o-search-result-item .o-search-result-item-img[data-v-468b74b0] {
-    margin-top: 8px;
-}
-}
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
-  font-weight: 600;
-  color: var(--o-color-info1);
-  font-size: 20px;
-  line-height: 28px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (hover: hover) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0]:hover {
-    color: var(--o-color-primary1);
-}
-}
-.o-search-result-item .o-search-result-item-title .o-search-result-item-title-link[data-v-468b74b0] {
-  color: inherit;
-  text-decoration: none;
-}
-.o-search-result-item .o-search-result-item-title .o-search-result-item-title-link[data-v-468b74b0] span,
-.o-search-result-item .o-search-result-item-title .o-search-result-item-title-content[data-v-468b74b0] span {
-  color: var(--o-color-primary1);
-}
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
-  display: -webkit-box;
-  margin-top: 8px;
-  overflow: hidden;
-  color: var(--o-color-info1);
-  text-overflow: ellipsis;
-  overflow-wrap: break-word;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] span {
-  color: var(--o-color-primary1);
-}
-.o-search-result-item .o-search-result-item-footer[data-v-468b74b0] {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  row-gap: 4px;
-  margin-top: 8px;
-  font-size: 12px;
-  line-height: 18px;
-  color: var(--o-color-info3);
-}
-@media (max-width: 600px) {
-.o-search-result-item .o-search-result-item-footer[data-v-468b74b0] {
-    font-size: 10px;
-    line-height: 16px;
-}
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version[data-v-468b74b0] {
-    width: 100%;
-}
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-468b74b0] {
-    display: none;
-}
-}
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-breadcrumb[data-v-468b74b0] {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  row-gap: 4px;
-}
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-breadcrumb-icon[data-v-468b74b0] {
-  margin: 0 4px;
-  font-size: 12px;
-}
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version[data-v-468b74b0] {
-  display: inline-flex;
-  align-items: center;
-}
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-468b74b0] {
-  margin: 0 16px;
-}
-@media (max-width: 1680px) {
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-468b74b0] {
-    margin: 0 12px;
-}
-}
-@media (max-width: 1200px) {
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-468b74b0] {
-    margin: 0 8px;
-}
-}

package/dist/treeshaking/components/search-result/OSearchResultItem.vue.d.ts

@@ -1,34 +0,0 @@
-type __VLS_Props = {
-    title: string;
-    detail: string;
-    href?: string;
-    img?: string;
-    from?: string[];
-    version?: string;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        title?(_: {
-            title: string;
-        }): any;
-        detail?(_: {
-            detail: string;
-        }): any;
-        footer?(_: {
-            from: string[] | undefined;
-            version: string | undefined;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/treeshaking/components/search-result/OSearchResultItem.vue.mjs

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

package/dist/treeshaking/components/search-result/OSearchResultItem.vue2.mjs

@@ -1,117 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, withDirectives, unref, createCommentVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, createVNode } from "vue";
-import { isArray, OIcon, ODivider } from "@opensig/opendesign";
-import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
-import IconRight from "../../_virtual/icon-chevron-right.mjs";
-import { useI18n } from "../../i18n/index.mjs";
-const _hoisted_1 = { class: "o-search-result-item" };
-const _hoisted_2 = { class: "o-search-result-item-body" };
-const _hoisted_3 = {
-  key: 0,
-  class: "o-search-result-item-title"
-};
-const _hoisted_4 = ["href"];
-const _hoisted_5 = {
-  key: 1,
-  class: "o-search-result-item-title-content"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "o-search-result-item-detail"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "o-search-result-item-footer"
-};
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = {
-  key: 1,
-  class: "o-search-result-item-breadcrumb"
-};
-const _hoisted_10 = { class: "o-search-result-item-breadcrumb-item" };
-const _hoisted_11 = {
-  key: 2,
-  class: "o-search-result-item-version"
-};
-const _hoisted_12 = ["src", "alt"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OSearchResultItem",
-  props: {
-    title: {},
-    detail: {},
-    href: {},
-    img: {},
-    from: {},
-    version: {}
-  },
-  setup(__props) {
-    const { t } = useI18n();
-    const vDompurifyHtml = buildVueDompurifyHTMLDirective();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "title", { title: __props.title }, () => [
-            __props.title ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              __props.href ? withDirectives((openBlock(), createElementBlock("a", {
-                key: 0,
-                class: "o-search-result-item-title-link",
-                href: __props.href,
-                target: "_self"
-              }, null, 8, _hoisted_4)), [
-                [unref(vDompurifyHtml), __props.title]
-              ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_5, null, 512)), [
-                [unref(vDompurifyHtml), __props.title]
-              ])
-            ])) : createCommentVNode("", true)
-          ], true),
-          renderSlot(_ctx.$slots, "detail", { detail: __props.detail }, () => [
-            __props.detail ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6, null, 512)), [
-              [unref(vDompurifyHtml), __props.detail]
-            ]) : createCommentVNode("", true)
-          ], true),
-          renderSlot(_ctx.$slots, "footer", {
-            from: __props.from,
-            version: __props.version
-          }, () => [
-            unref(isArray)(__props.from) && __props.from.length || __props.version ? (openBlock(), createElementBlock("div", _hoisted_7, [
-              unref(isArray)(__props.from) && __props.from.length ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(t)("search.from")), 1)) : createCommentVNode("", true),
-              unref(isArray)(__props.from) && __props.from.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.from ?? [], (item, i) => {
-                  var _a;
-                  return openBlock(), createElementBlock(Fragment, { key: i }, [
-                    createElementVNode("span", _hoisted_10, toDisplayString(item), 1),
-                    i !== (((_a = __props.from) == null ? void 0 : _a.length) ?? 0) - 1 ? (openBlock(), createBlock(unref(OIcon), {
-                      key: 0,
-                      class: "o-search-result-item-breadcrumb-icon"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(IconRight))
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true)
-                  ], 64);
-                }), 128))
-              ])) : createCommentVNode("", true),
-              __props.version ? (openBlock(), createElementBlock("div", _hoisted_11, [
-                unref(isArray)(__props.from) && __props.from.length ? (openBlock(), createBlock(unref(ODivider), {
-                  key: 0,
-                  direction: "v",
-                  class: "o-search-result-item-version-divider"
-                })) : createCommentVNode("", true),
-                createElementVNode("span", null, toDisplayString(unref(t)("search.version")) + toDisplayString(__props.version), 1)
-              ])) : createCommentVNode("", true)
-            ])) : createCommentVNode("", true)
-          ], true)
-        ]),
-        __props.img ? (openBlock(), createElementBlock("img", {
-          key: 0,
-          class: "o-search-result-item-img",
-          src: __props.img,
-          alt: __props.title
-        }, null, 8, _hoisted_12)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/search-result/components/OSearchResultEmpty.css

@@ -1,52 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-da22a823] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-da22a823] {
-    transform: rotate(-180deg);
-}
-}
-.o-search-result-empty[data-v-da22a823] {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  padding: 54px 0;
-}
-.o-search-result-empty .o-search-result-empty-img[data-v-da22a823] {
-  height: 300px;
-}
-@media (max-width: 600px) {
-.o-search-result-empty .o-search-result-empty-img[data-v-da22a823] {
-    height: 232px;
-}
-}
-.o-search-result-empty .o-search-result-empty-tip[data-v-da22a823] {
-  margin-top: 16px;
-  font-size: 18px;
-  line-height: 26px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-empty .o-search-result-empty-tip[data-v-da22a823] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-empty .o-search-result-empty-tip[data-v-da22a823] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-empty .o-search-result-empty-tip[data-v-da22a823] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-search-result-empty .o-search-result-empty-tip[data-v-da22a823] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}

package/dist/treeshaking/components/search-result/components/OSearchResultEmpty.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/treeshaking/components/search-result/components/OSearchResultEmpty.vue.mjs

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

package/dist/treeshaking/components/search-result/components/OSearchResultEmpty.vue2.mjs

@@ -1,29 +0,0 @@
-import { defineComponent, inject, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, unref } from "vue";
-import { useI18n } from "../../../i18n/index.mjs";
-import { configProviderInjectKey } from "../../../shared/provide.mjs";
-import searchEmptyImg from "../../../assets/search/search-empty.png.mjs";
-const _hoisted_1 = { class: "o-search-result-empty" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = { class: "o-search-result-empty-tip" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OSearchResultEmpty",
-  setup(__props) {
-    const { t } = useI18n();
-    const configProvider = inject(configProviderInjectKey);
-    const emptyImage = computed(() => {
-      return (configProvider == null ? void 0 : configProvider.emptyImg.value) || searchEmptyImg;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("img", {
-          class: "o-search-result-empty-img",
-          src: emptyImage.value
-        }, null, 8, _hoisted_2),
-        createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("search.notFoundTip")), 1)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};