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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,104 @@
+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

@@ -0,0 +1,213 @@
+.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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,117 @@
+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

@@ -0,0 +1,52 @@
+.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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,29 @@
+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
+};