@opendesign-plus-test/components 0.0.1-rc.220 → 0.0.1-rc.221

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

@@ -0,0 +1,185 @@
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, unref, Fragment, createVNode, withCtx, toDisplayString, createTextVNode, createCommentVNode } from "vue";
+import { OIcon, ODivider, OButton, OTextarea, OMessage } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconEdit from "../../../_virtual/icon-edit.mjs";
+import IconLike from "../../../_virtual/icon-like.mjs";
+import IconUnlike from "../../../_virtual/icon-unlike.mjs";
+const _hoisted_1 = { class: "o-search-result-feedback-banner" };
+const _hoisted_2 = { class: "o-search-result-feedback-banner-content" };
+const _hoisted_3 = { class: "o-search-result-feedback-mb-title" };
+const _hoisted_4 = { class: "o-search-result-feedback-mb-desc" };
+const _hoisted_5 = { class: "o-search-result-feedback-banner-btns" };
+const _hoisted_6 = {
+  key: 0,
+  class: "o-search-result-feedback-input-wrap"
+};
+const _hoisted_7 = { class: "o-search-result-feedback-input-btn" };
+const _hoisted_8 = {
+  key: 1,
+  class: "o-search-result-message-wrap"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSearchResultFeedbackBanner",
+  props: {
+    submit: { type: Function }
+  },
+  setup(__props) {
+    const { t } = useI18n();
+    const { lePadV } = useScreen();
+    const props = __props;
+    const showInput = ref(false);
+    const loading = ref(false);
+    const input = ref("");
+    const submitStatus = ref(false);
+    const showMessage = ref(false);
+    const onClickNotFound = () => {
+      if (loading.value) {
+        return;
+      }
+      showInput.value = true;
+      showMessage.value = false;
+    };
+    const onClickCancelInput = () => {
+      showInput.value = false;
+      input.value = "";
+    };
+    let messageTimer;
+    const onSubmit = async (searchFlag) => {
+      if (loading.value || !props.submit) {
+        return;
+      }
+      loading.value = true;
+      if (searchFlag) {
+        onClickCancelInput();
+      }
+      submitStatus.value = await props.submit({
+        searchFlag,
+        feedbackText: searchFlag ? input.value : ""
+      });
+      onClickCancelInput();
+      clearTimeout(messageTimer);
+      showMessage.value = true;
+      messageTimer = setTimeout(() => {
+        showMessage.value = false;
+      }, 3e3);
+      loading.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          unref(lePadV) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(unref(OIcon), { class: "o-search-result-feedback-icon-edit" }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconEdit))
+                ]),
+                _: 1
+              }),
+              createElementVNode("span", null, toDisplayString(unref(t)("search.feedback")), 1)
+            ]),
+            createVNode(unref(ODivider), { class: "o-search-result-feedback-divider" }),
+            createElementVNode("div", _hoisted_4, toDisplayString(unref(t)("search.feedbackDesc")), 1)
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(unref(OIcon), { class: "o-search-result-feedback-icon-edit" }, {
+              default: withCtx(() => [
+                createVNode(unref(IconEdit))
+              ]),
+              _: 1
+            }),
+            createElementVNode("span", null, toDisplayString(unref(t)("search.feedbackDesc")), 1)
+          ], 64)),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(unref(OButton), {
+              size: "large",
+              round: "pill",
+              color: "primary",
+              onClick: _cache[0] || (_cache[0] = ($event) => onSubmit(true))
+            }, {
+              icon: withCtx(() => [
+                createVNode(unref(OIcon), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconLike))
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createTextVNode(" " + toDisplayString(unref(t)("search.found")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(OButton), {
+              size: "large",
+              round: "pill",
+              color: "primary",
+              onClick: onClickNotFound
+            }, {
+              icon: withCtx(() => [
+                createVNode(unref(OIcon), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconUnlike))
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createTextVNode(" " + toDisplayString(unref(t)("search.notFound")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        showInput.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createVNode(unref(OTextarea), {
+            modelValue: input.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => input.value = $event),
+            class: "o-search-result-feedback-textarea",
+            placeholder: unref(t)("search.notFoundPlaceholder"),
+            "max-length": 200,
+            resize: "none"
+          }, null, 8, ["modelValue", "placeholder"]),
+          createElementVNode("div", _hoisted_7, [
+            createVNode(unref(OButton), {
+              loading: loading.value,
+              disabled: loading.value,
+              color: "primary",
+              round: "pill",
+              variant: "solid",
+              onClick: _cache[2] || (_cache[2] = ($event) => onSubmit(false))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("search.submitFeedback")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"]),
+            createVNode(unref(OButton), {
+              disabled: loading.value,
+              color: "primary",
+              round: "pill",
+              onClick: onClickCancelInput
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("search.cancel")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ])) : createCommentVNode("", true),
+        showMessage.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createVNode(unref(OMessage), {
+            status: submitStatus.value ? "success" : "danger"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(submitStatus.value ? unref(t)("feedback.submitSuccess") : unref(t)("feedback.submitFailed")), 1)
+            ]),
+            _: 1
+          }, 8, ["status"])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,97 @@
+.hover-icon-rotate .o-icon[data-v-bb8a3a0b] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-bb8a3a0b] {
+    transform: rotate(-180deg);
+}
+}
+.o-search-result-relative[data-v-bb8a3a0b] {
+  margin-bottom: 32px;
+}
+@media (max-width: 1680px) {
+.o-search-result-relative[data-v-bb8a3a0b] {
+    margin-bottom: 24px;
+}
+}
+.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 28px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-bb8a3a0b] {
+  margin: 12px 0;
+}
+@media (max-width: 1680px) {
+.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-bb8a3a0b] {
+    margin: 8px 0;
+}
+}
+.o-search-result-relative .o-search-result-feedback-relative-items[data-v-bb8a3a0b] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.o-search-result-relative .o-search-result-feedback-relative-item[data-v-bb8a3a0b] {
+  color: var(--o-color-info2);
+}
+@media (hover: hover) {
+.o-search-result-relative .o-search-result-feedback-relative-item[data-v-bb8a3a0b]:hover {
+    color: var(--o-color-primary1);
+}
+}

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

@@ -0,0 +1,6 @@
+import { OSearchRelativeItemT } from '../types';
+type __VLS_Props = {
+    relativeItems: OSearchRelativeItemT[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,52 @@
+import { defineComponent, unref, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, toDisplayString, Fragment, renderList, createBlock, createTextVNode, createCommentVNode } from "vue";
+import { isArray, OIcon, ODivider, OLink } from "@opensig/opendesign";
+import IconRelativeSearch from "../../../_virtual/icon-relative-search.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-search-result-relative"
+};
+const _hoisted_2 = { class: "o-search-result-relative-header" };
+const _hoisted_3 = { class: "o-search-result-feedback-relative-items" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSearchResultRelative",
+  props: {
+    relativeItems: {}
+  },
+  setup(__props) {
+    const { t } = useI18n();
+    return (_ctx, _cache) => {
+      return unref(isArray)(__props.relativeItems) && __props.relativeItems.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(OIcon), { class: "o-search-result-feedback-relative-icon" }, {
+            default: withCtx(() => [
+              createVNode(unref(IconRelativeSearch))
+            ]),
+            _: 1
+          }),
+          createElementVNode("span", null, toDisplayString(unref(t)("search.relativeSearch")), 1)
+        ]),
+        createVNode(unref(ODivider), { class: "o-search-result-feedback-relative-divider" }),
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.relativeItems, (item) => {
+            return openBlock(), createBlock(unref(OLink), {
+              key: item.href,
+              href: item.href,
+              target: "_self",
+              "hover-underline": false,
+              class: "o-search-result-feedback-relative-item"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["href"]);
+          }), 128))
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};