@opendesign-plus-test/components 0.0.1-rc.134 → 0.0.1-rc.136

package/dist/treeshaking/components/sig/OSigList.vue.mjs

@@ -1,13 +1,15 @@
-import { defineComponent, computed, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, toDisplayString, createVNode, withCtx, renderList, createBlock, createTextVNode, createCommentVNode, withModifiers, withDirectives, nextTick } from "vue";
+import { defineComponent, computed, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, toDisplayString, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, createCommentVNode, withModifiers, withDirectives, nextTick } from "vue";
+import { ElSelect, ElOption } from "element-plus";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
 import { useDebounceFn, onClickOutside, useThrottleFn } from "@vueuse/core";
 import { useScreen } from "@opendesign-plus/composables";
 import { useI18n } from "../../i18n/index.mjs";
-import { ORadioGroup, ORadio, OToggle, ODivider, OSelect, OOption, OInput, OIcon, OButton, ORow, OCol, OPagination, ODialog } from "@opensig/opendesign";
+import { ORadioGroup, ORadio, OToggle, ODivider, OSelect, OOption, OInput, OIcon, ORow, OCol, OPagination } from "@opensig/opendesign";
 import OEmpty from "../empty/OEmpty.vue.mjs";
 import _sfc_main$1 from "./components/OSigItem.vue.mjs";
 import './components/OSigItem.css';
 import IconSearch from "../../_virtual/icon-search.mjs";
-import IconFilter from "../../_virtual/icon-filter.mjs";
 import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
 const _hoisted_1 = { class: "o-sig-list" };
 const _hoisted_2 = {
@@ -15,50 +17,45 @@ const _hoisted_2 = {
   class: "o-sig-filter-type"
 };
 const _hoisted_3 = { class: "o-sig-filter-title" };
-const _hoisted_4 = { class: "o-sig-filter-select-box" };
-const _hoisted_5 = {
+const _hoisted_4 = {
+  key: 1,
+  class: "o-sig-filter-input"
+};
+const _hoisted_5 = { class: "o-sig-filter-select-box" };
+const _hoisted_6 = {
   key: 0,
   class: "o-sig-search-data"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   key: 0,
   class: "o-sig-search-label"
 };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = ["title"];
-const _hoisted_9 = {
-  key: 2,
-  class: "o-sig-no-result"
-};
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = ["title"];
 const _hoisted_10 = {
   key: 2,
-  class: "o-sig-filter-btn"
+  class: "o-sig-no-result"
 };
-const _hoisted_11 = { class: "o-sig-filter-text" };
-const _hoisted_12 = {
+const _hoisted_11 = {
   key: 0,
   class: "o-sig-filter-result-tip"
 };
-const _hoisted_13 = { key: 0 };
-const _hoisted_14 = { class: "o-sig-num" };
-const _hoisted_15 = {
+const _hoisted_12 = { key: 0 };
+const _hoisted_13 = { class: "o-sig-num" };
+const _hoisted_14 = {
   key: 0,
   class: "o-sig-num"
 };
-const _hoisted_16 = { key: 1 };
-const _hoisted_17 = { class: "o-sig-num" };
-const _hoisted_18 = {
+const _hoisted_15 = { key: 1 };
+const _hoisted_16 = { class: "o-sig-num" };
+const _hoisted_17 = {
   key: 3,
   class: "o-sig-loading"
 };
-const _hoisted_19 = {
+const _hoisted_18 = {
   key: 4,
   class: "o-sig-pagination"
 };
-const _hoisted_20 = { class: "o-sig-dialog-title" };
-const _hoisted_21 = { class: "o-sig-dialog-body" };
-const _hoisted_22 = { class: "o-sig-filter-title" };
-const _hoisted_23 = { class: "o-sig-dialog-btn" };
 const PAGE_SIZE_DEFAULT = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OSigList",
@@ -66,14 +63,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     sigLandscape: { default: () => [] },
     sigList: { default: () => [] },
     searchFn: {},
-    gitBase: { default: "https://atomgit.com/" }
+    footerSelector: { default: "#app > .footer" }
   },
   emits: ["to-sig-detail"],
   setup(__props, { emit: __emit }) {
     const vDompurifyHtml = buildVueDompurifyHTMLDirective();
     const { locale: localeRef, t } = useI18n();
     const locale = computed(() => localeRef.value);
-    const { isLaptop, isPadH, lePadV } = useScreen();
+    const { isLaptop, isPadH, lePadV, isPhone } = useScreen();
     const COUNT_PER_PAGE = [10, 20, 30];
     const props = __props;
     const emit = __emit;
@@ -116,6 +113,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       constructLandscapeMap();
       mergeSigList();
     };
+    watch(
+      () => [props.sigList, props.sigLandscape],
+      () => {
+        initData();
+      },
+      { immediate: true }
+    );
     const searchType = ref("all");
     const placeholderType = ref(t("sig.searchSig"));
     const sigOptions = [
@@ -217,9 +221,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const filterSigData = ref([]);
     const filterSearchData = ref([]);
     const filterDataMb = ref([]);
-    const filterVisible = ref(false);
     const featureType = ref("all");
-    const featureTypeMb = ref("all");
     const matchKw = (text, kw) => !!text && text.toLowerCase().includes(kw);
     watch(
       () => [
@@ -272,7 +274,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const clearChecked = (val) => {
       resetSigQuery();
-      filterVisible.value = false;
       if (val) {
         nextTick(() => {
           featureType.value = "all";
@@ -286,15 +287,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       );
       sigQuery.value.page++;
     };
-    const resetVersion = () => {
-      featureType.value = "all";
-      filterVisible.value = false;
-    };
-    const confirmVersion = () => {
-      resetSigQuery();
-      filterVisible.value = false;
-      featureType.value = featureTypeMb.value;
-    };
     const footer = ref(null);
     const listenScroll = () => {
       if (!lePadV.value) return;
@@ -311,284 +303,202 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const throttleEvent = useThrottleFn(listenScroll, 300);
     onMounted(() => {
-      initData();
-      footer.value = document.querySelector("#app > .footer");
+      footer.value = document.querySelector(props.footerSelector);
       window.addEventListener("scroll", throttleEvent);
     });
     onUnmounted(() => {
       window.removeEventListener("scroll", throttleEvent);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", {
-            class: normalizeClass(["o-sig-filter-box", `o-sig-filter-box-${locale.value}`])
-          }, [
-            !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("sig.type")), 1),
-              createVNode(unref(ORadioGroup), {
-                modelValue: featureType.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => featureType.value = $event)
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["o-sig-filter-box", `o-sig-filter-box-${locale.value}`])
+        }, [
+          !unref(isPhone) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("sig.type")), 1),
+            createVNode(unref(ORadioGroup), {
+              modelValue: featureType.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => featureType.value = $event)
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(featureArr.value, (option) => {
+                  return openBlock(), createBlock(unref(ORadio), {
+                    key: option.value,
+                    value: option.value
+                  }, {
+                    radio: withCtx(({ checked }) => [
+                      createVNode(unref(OToggle), {
+                        class: normalizeClass(["o-sig-tag-normal", { active: checked }]),
+                        checked,
+                        onClick: ($event) => clearChecked(checked)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(option.label[locale.value]), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["class", "checked", "onClick"])
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : createCommentVNode("", true),
+          unref(isPhone) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            createVNode(unref(ElSelect), {
+              modelValue: featureType.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => featureType.value = $event),
+              filterable: "",
+              size: "large",
+              placeholder: unref(t)("sig.selectOrSearchCate")
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(featureArr.value, (option) => {
+                  return openBlock(), createBlock(unref(ElOption), {
+                    key: option.value,
+                    label: option.label[locale.value] ?? option.value,
+                    value: option.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ])) : createCommentVNode("", true),
+          createVNode(unref(ODivider), { direction: "h" }),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", {
+              ref_key: "panelRef",
+              ref: panelRef,
+              class: normalizeClass(["o-sig-filter-select", { "o-sig-filter-select-focus": showPanel.value }])
+            }, [
+              createVNode(unref(OSelect), {
+                modelValue: searchType.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchType.value = $event),
+                size: "large",
+                trigger: "click",
+                variant: "outline",
+                onChange: getSearchType
               }, {
                 default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(featureArr.value, (option) => {
-                    return openBlock(), createBlock(unref(ORadio), {
-                      key: option.value,
-                      value: option.value
-                    }, {
-                      radio: withCtx(({ checked }) => [
-                        createVNode(unref(OToggle), {
-                          class: normalizeClass(["o-sig-tag-normal", { active: checked }]),
-                          checked,
-                          onClick: ($event) => clearChecked(checked)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(option.label[locale.value]), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["class", "checked", "onClick"])
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]);
-                  }), 128))
+                  (openBlock(), createElementBlock(Fragment, null, renderList(sigOptions, (item) => {
+                    return createVNode(unref(OOption), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 64))
                 ]),
                 _: 1
-              }, 8, ["modelValue"])
-            ])) : createCommentVNode("", true),
-            !unref(lePadV) ? (openBlock(), createBlock(unref(ODivider), {
-              key: 1,
-              direction: "h"
-            })) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("div", {
-                ref_key: "panelRef",
-                ref: panelRef,
-                class: normalizeClass(["o-sig-filter-select", { "o-sig-filter-select-focus": showPanel.value }])
-              }, [
-                createVNode(unref(OSelect), {
-                  modelValue: searchType.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchType.value = $event),
-                  size: "large",
-                  trigger: "click",
-                  variant: "outline",
-                  onChange: getSearchType
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createElementBlock(Fragment, null, renderList(sigOptions, (item) => {
-                      return createVNode(unref(OOption), {
-                        key: item.value,
-                        label: item.label,
-                        value: item.value
-                      }, null, 8, ["label", "value"]);
-                    }), 64))
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"]),
-                createVNode(unref(OInput), {
-                  modelValue: debounceSig.value,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => debounceSig.value = $event),
-                  size: "large",
-                  clearable: "",
-                  placeholder: placeholderType.value,
-                  onFocusCapture: _cache[3] || (_cache[3] = ($event) => showPanel.value = true),
-                  onPressEnter: changeSearchInput,
-                  onClear: clearInput
-                }, {
-                  prefix: withCtx(() => [
-                    createVNode(unref(OIcon), null, {
-                      default: withCtx(() => [
-                        createVNode(unref(IconSearch))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "placeholder"]),
-                showPanel.value && sigInput.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(hasSearchData.value, (item) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: item.id,
-                      class: "o-sig-search-group"
-                    }, [
-                      searchType.value === "all" ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(item.label), 1)) : createCommentVNode("", true),
-                      item.list.length ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(item.list, (it) => {
-                        return openBlock(), createElementBlock("div", {
-                          key: it.name,
-                          class: "o-sig-search-item",
-                          onClick: withModifiers(($event) => clickItem(it == null ? void 0 : it.name), ["stop"])
-                        }, [
-                          withDirectives(createElementVNode("span", {
-                            title: stripHtml(it == null ? void 0 : it.name),
-                            class: "o-sig-search-title"
-                          }, null, 8, _hoisted_8), [
-                            [unref(vDompurifyHtml), it == null ? void 0 : it.name]
-                          ])
-                        ], 8, _hoisted_7);
-                      }), 128)) : (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(unref(t)("sig.noResult")), 1))
-                    ]);
-                  }), 128))
-                ])) : createCommentVNode("", true)
-              ], 2)
-            ]),
-            unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_10, [
-              createVNode(unref(OButton), {
-                variant: "text",
-                color: "normal",
-                class: "o-sig-select-btn",
-                onClick: _cache[4] || (_cache[4] = ($event) => filterVisible.value = true)
+              }, 8, ["modelValue"]),
+              createVNode(unref(OInput), {
+                modelValue: debounceSig.value,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => debounceSig.value = $event),
+                size: "large",
+                clearable: "",
+                placeholder: placeholderType.value,
+                onFocusCapture: _cache[4] || (_cache[4] = ($event) => showPanel.value = true),
+                onPressEnter: changeSearchInput,
+                onClear: clearInput
               }, {
-                default: withCtx(() => [
+                prefix: withCtx(() => [
                   createVNode(unref(OIcon), null, {
                     default: withCtx(() => [
-                      createVNode(unref(IconFilter))
+                      createVNode(unref(IconSearch))
                     ]),
                     _: 1
-                  }),
-                  createElementVNode("span", _hoisted_11, toDisplayString(unref(t)("sig.filter")), 1)
+                  })
                 ]),
                 _: 1
-              })
-            ])) : createCommentVNode("", true)
-          ], 2),
-          featureType.value !== "all" || enterSearchInput.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
-            sigInput.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
-              createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip1")), 1),
-              createElementVNode("span", _hoisted_14, toDisplayString(filterSearchData.value.length), 1),
-              createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip2")), 1),
-              locale.value === "zh" ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(sigInput.value), 1)) : createCommentVNode("", true),
-              createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip3")), 1)
-            ])) : (openBlock(), createElementBlock("div", _hoisted_16, [
-              createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip4")), 1),
-              createElementVNode("span", _hoisted_17, toDisplayString(filterSearchData.value.length), 1),
-              createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip5")), 1)
-            ]))
-          ])) : createCommentVNode("", true),
-          filterSigData.value.length ? (openBlock(), createBlock(unref(ORow), {
-            key: 1,
-            gap: gap.value,
-            wrap: "wrap",
-            class: normalizeClass(["o-sig-card-list", { "o-sig-card-list-tip": featureType.value !== "all" || enterSearchInput.value }])
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(filterSigData.value, (sig) => {
-                return openBlock(), createBlock(unref(OCol), {
-                  key: sig.name,
-                  flex: unref(lePadV) ? "0 0 100%" : "0 0 50%"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_sfc_main$1, {
-                      sig,
-                      locale: locale.value,
-                      mobile: unref(lePadV),
-                      "active-repo": activeRepo.value,
-                      "git-base": __props.gitBase,
-                      onToSigDetail: toSigDetail
-                    }, null, 8, ["sig", "locale", "mobile", "active-repo", "git-base"])
-                  ]),
-                  _: 2
-                }, 1032, ["flex"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["gap", "class"])) : (openBlock(), createBlock(OEmpty, {
-            key: 2,
-            style: {
-              "margin-top": "40px",
-              "--result-image-width": "140px",
-              "--result-image-height": "170px"
-            }
-          })),
-          unref(lePadV) && filterDataMb.value.length && filterDataMb.value.length < filterSearchData.value.length ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(unref(t)("sig.loading")), 1)) : createCommentVNode("", true),
-          filterSearchData.value.length > COUNT_PER_PAGE[0] ? (openBlock(), createElementBlock("div", _hoisted_19, [
-            createVNode(unref(OPagination), {
-              page: sigQuery.value.page,
-              "onUpdate:page": _cache[5] || (_cache[5] = ($event) => sigQuery.value.page = $event),
-              "page-size": sigQuery.value.pageSize,
-              "onUpdate:pageSize": _cache[6] || (_cache[6] = ($event) => sigQuery.value.pageSize = $event),
-              layout: ["total", "pagesize", "pager", "jumper"],
-              total: filterSearchData.value.length,
-              "page-sizes": COUNT_PER_PAGE,
-              "show-more": true
-            }, null, 8, ["page", "page-size", "total"])
-          ])) : createCommentVNode("", true)
-        ]),
-        createVNode(unref(ODialog), {
-          visible: filterVisible.value,
-          "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => filterVisible.value = $event),
-          "phone-half-full": unref(lePadV),
-          scrollbar: { showType: "always", size: "small" },
-          size: "medium",
-          style: { "--dlg-radius": "4px 4px 0 0" },
-          class: "o-sig-filter-dialog"
+              }, 8, ["modelValue", "placeholder"]),
+              showPanel.value && sigInput.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(hasSearchData.value, (item) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: item.id,
+                    class: "o-sig-search-group"
+                  }, [
+                    searchType.value === "all" ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(item.label), 1)) : createCommentVNode("", true),
+                    item.list.length ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(item.list, (it) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: it.name,
+                        class: "o-sig-search-item",
+                        onClick: withModifiers(($event) => clickItem(it == null ? void 0 : it.name), ["stop"])
+                      }, [
+                        withDirectives(createElementVNode("span", {
+                          title: stripHtml(it == null ? void 0 : it.name),
+                          class: "o-sig-search-title"
+                        }, null, 8, _hoisted_9), [
+                          [unref(vDompurifyHtml), it == null ? void 0 : it.name]
+                        ])
+                      ], 8, _hoisted_8);
+                    }), 128)) : (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(unref(t)("sig.noResult")), 1))
+                  ]);
+                }), 128))
+              ])) : createCommentVNode("", true)
+            ], 2)
+          ])
+        ], 2),
+        featureType.value !== "all" || enterSearchInput.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          sigInput.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+            createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip1")), 1),
+            createElementVNode("span", _hoisted_13, toDisplayString(filterSearchData.value.length), 1),
+            createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip2")), 1),
+            locale.value === "zh" ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(sigInput.value), 1)) : createCommentVNode("", true),
+            createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip3")), 1)
+          ])) : (openBlock(), createElementBlock("div", _hoisted_15, [
+            createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip4")), 1),
+            createElementVNode("span", _hoisted_16, toDisplayString(filterSearchData.value.length), 1),
+            createElementVNode("span", null, toDisplayString(unref(t)("sig.filterResultTip5")), 1)
+          ]))
+        ])) : createCommentVNode("", true),
+        filterSigData.value.length ? (openBlock(), createBlock(unref(ORow), {
+          key: 1,
+          gap: gap.value,
+          wrap: "wrap",
+          class: normalizeClass(["o-sig-card-list", { "o-sig-card-list-tip": featureType.value !== "all" || enterSearchInput.value }])
         }, {
-          header: withCtx(() => [
-            createElementVNode("span", _hoisted_20, toDisplayString(unref(t)("sig.type")), 1)
-          ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_21, [
-              createElementVNode("p", _hoisted_22, toDisplayString(unref(t)("sig.type")), 1),
-              createVNode(unref(ORadioGroup), {
-                modelValue: featureTypeMb.value,
-                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => featureTypeMb.value = $event),
-                style: { gap: "8px 8px" }
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(featureArr.value, (option) => {
-                    return openBlock(), createBlock(unref(ORadio), {
-                      key: option.value,
-                      value: option.value
-                    }, {
-                      radio: withCtx(({ checked }) => [
-                        createVNode(unref(OToggle), {
-                          class: normalizeClass({ active: checked }),
-                          checked,
-                          style: { "--toggle-size": "28px", "--toggle-padding": "6px 16px", "--toggle-radius": "4px" }
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(option.label[locale.value]), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["class", "checked"])
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            createElementVNode("div", _hoisted_23, [
-              createVNode(unref(OButton), {
-                color: "normal",
-                variant: "text",
-                size: "large",
-                onClick: resetVersion
+            (openBlock(true), createElementBlock(Fragment, null, renderList(filterSigData.value, (sig) => {
+              return openBlock(), createBlock(unref(OCol), {
+                key: sig.name,
+                flex: unref(lePadV) ? "0 0 100%" : "0 0 50%"
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("common.reset")), 1)
+                  createVNode(_sfc_main$1, {
+                    sig,
+                    locale: locale.value,
+                    mobile: unref(lePadV),
+                    "active-repo": activeRepo.value,
+                    onToSigDetail: toSigDetail
+                  }, null, 8, ["sig", "locale", "mobile", "active-repo"])
                 ]),
-                _: 1
-              }),
-              createVNode(unref(ODivider), {
-                class: "o-sig-dialog-divider",
-                direction: "v"
-              }),
-              createVNode(unref(OButton), {
-                color: "normal",
-                variant: "text",
-                size: "large",
-                onClick: confirmVersion
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("common.confirm2")), 1)
-                ]),
-                _: 1
-              })
-            ])
+                _: 2
+              }, 1032, ["flex"]);
+            }), 128))
           ]),
           _: 1
-        }, 8, ["visible", "phone-half-full"])
-      ], 64);
+        }, 8, ["gap", "class"])) : (openBlock(), createBlock(OEmpty, {
+          key: 2,
+          style: {
+            "margin-top": "40px",
+            "--result-image-width": "140px",
+            "--result-image-height": "170px"
+          }
+        })),
+        unref(lePadV) && filterDataMb.value.length && filterDataMb.value.length < filterSearchData.value.length ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString(unref(t)("sig.loading")), 1)) : createCommentVNode("", true),
+        filterSearchData.value.length > COUNT_PER_PAGE[0] ? (openBlock(), createElementBlock("div", _hoisted_18, [
+          createVNode(unref(OPagination), {
+            page: sigQuery.value.page,
+            "onUpdate:page": _cache[5] || (_cache[5] = ($event) => sigQuery.value.page = $event),
+            "page-size": sigQuery.value.pageSize,
+            "onUpdate:pageSize": _cache[6] || (_cache[6] = ($event) => sigQuery.value.pageSize = $event),
+            layout: ["total", "pagesize", "pager", "jumper"],
+            total: filterSearchData.value.length,
+            "page-sizes": COUNT_PER_PAGE,
+            "show-more": true
+          }, null, 8, ["page", "page-size", "total"])
+        ])) : createCommentVNode("", true)
+      ]);
     };
   }
 });