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

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

@@ -1,15 +1,13 @@
-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 { 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 { 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, ORow, OCol, OPagination } from "@opensig/opendesign";
+import { ORadioGroup, ORadio, OToggle, ODivider, OSelect, OOption, OInput, OIcon, OButton, ORow, OCol, OPagination, ODialog } 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 = {
@@ -17,45 +15,50 @@ const _hoisted_2 = {
   class: "o-sig-filter-type"
 };
 const _hoisted_3 = { class: "o-sig-filter-title" };
-const _hoisted_4 = {
-  key: 1,
-  class: "o-sig-filter-input"
-};
-const _hoisted_5 = { class: "o-sig-filter-select-box" };
-const _hoisted_6 = {
+const _hoisted_4 = { class: "o-sig-filter-select-box" };
+const _hoisted_5 = {
   key: 0,
   class: "o-sig-search-data"
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 0,
   class: "o-sig-search-label"
 };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = ["title"];
-const _hoisted_10 = {
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["title"];
+const _hoisted_9 = {
   key: 2,
   class: "o-sig-no-result"
 };
-const _hoisted_11 = {
+const _hoisted_10 = {
+  key: 2,
+  class: "o-sig-filter-btn"
+};
+const _hoisted_11 = { class: "o-sig-filter-text" };
+const _hoisted_12 = {
   key: 0,
   class: "o-sig-filter-result-tip"
 };
-const _hoisted_12 = { key: 0 };
-const _hoisted_13 = { class: "o-sig-num" };
-const _hoisted_14 = {
+const _hoisted_13 = { key: 0 };
+const _hoisted_14 = { class: "o-sig-num" };
+const _hoisted_15 = {
   key: 0,
   class: "o-sig-num"
 };
-const _hoisted_15 = { key: 1 };
-const _hoisted_16 = { class: "o-sig-num" };
-const _hoisted_17 = {
+const _hoisted_16 = { key: 1 };
+const _hoisted_17 = { class: "o-sig-num" };
+const _hoisted_18 = {
   key: 3,
   class: "o-sig-loading"
 };
-const _hoisted_18 = {
+const _hoisted_19 = {
   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",
@@ -63,14 +66,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     sigLandscape: { default: () => [] },
     sigList: { default: () => [] },
     searchFn: {},
-    footerSelector: { default: "#app > .footer" }
+    gitBase: { default: "https://atomgit.com/" }
   },
   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, isPhone } = useScreen();
+    const { isLaptop, isPadH, lePadV } = useScreen();
     const COUNT_PER_PAGE = [10, 20, 30];
     const props = __props;
     const emit = __emit;
@@ -113,13 +116,6 @@ 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 = [
@@ -221,7 +217,9 @@ 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(
       () => [
@@ -274,6 +272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const clearChecked = (val) => {
       resetSigQuery();
+      filterVisible.value = false;
       if (val) {
         nextTick(() => {
           featureType.value = "all";
@@ -287,6 +286,15 @@ 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;
@@ -303,202 +311,284 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const throttleEvent = useThrottleFn(listenScroll, 300);
     onMounted(() => {
-      footer.value = document.querySelector(props.footerSelector);
+      initData();
+      footer.value = document.querySelector("#app > .footer");
       window.addEventListener("scroll", throttleEvent);
     });
     onUnmounted(() => {
       window.removeEventListener("scroll", throttleEvent);
     });
     return (_ctx, _cache) => {
-      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
+      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)
               }, {
                 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))
+                  (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"]),
-              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
+              }, 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)
               }, {
-                prefix: withCtx(() => [
+                default: withCtx(() => [
                   createVNode(unref(OIcon), null, {
                     default: withCtx(() => [
-                      createVNode(unref(IconSearch))
+                      createVNode(unref(IconFilter))
                     ]),
                     _: 1
-                  })
+                  }),
+                  createElementVNode("span", _hoisted_11, toDisplayString(unref(t)("sig.filter")), 1)
                 ]),
                 _: 1
-              }, 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 }])
+              })
+            ])) : 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"
         }, {
+          header: withCtx(() => [
+            createElementVNode("span", _hoisted_20, toDisplayString(unref(t)("sig.type")), 1)
+          ]),
           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%"
+            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
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$1, {
-                    sig,
-                    locale: locale.value,
-                    mobile: unref(lePadV),
-                    "active-repo": activeRepo.value,
-                    onToSigDetail: toSigDetail
-                  }, null, 8, ["sig", "locale", "mobile", "active-repo"])
+                  createTextVNode(toDisplayString(unref(t)("common.reset")), 1)
                 ]),
-                _: 2
-              }, 1032, ["flex"]);
-            }), 128))
+                _: 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
+              })
+            ])
           ]),
           _: 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_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)
-      ]);
+        }, 8, ["visible", "phone-half-full"])
+      ], 64);
     };
   }
 });