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

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

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

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

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

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

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