@opendesign-plus-test/components 0.0.1-rc.81 → 0.0.1-rc.83

package/dist/treeshaking/cjs/components/header/components/HeaderNavMobile.vue2.cjs

@@ -1,228 +0,0 @@
-"use strict";
-const vue = require("vue");
-const opendesign = require("@opensig/opendesign");
-const types = require("../types.cjs");
-const _hoisted_1 = { class: "o-nav" };
-const _hoisted_2 = { class: "o-nav-list" };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "nav-aside" };
-const _hoisted_5 = {
-  key: 0,
-  class: "nav-aside-wrapper"
-};
-const _hoisted_6 = ["value"];
-const _hoisted_7 = { class: "content-label" };
-const _hoisted_8 = { class: "container-mobile" };
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = { class: "item-label" };
-const _hoisted_11 = { class: "desc-container" };
-const _hoisted_12 = { class: "item-desc" };
-const _hoisted_13 = ["onClick"];
-const _hoisted_14 = { class: "item-label" };
-const _hoisted_15 = {
-  key: 1,
-  class: "nav-aside-wrapper"
-};
-const _hoisted_16 = ["onClick"];
-const _hoisted_17 = { class: "header-tool" };
-const _hoisted_18 = {
-  key: 2,
-  class: "other-tool"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "HeaderNavMobile",
-  props: {
-    menuShow: { type: Boolean, default: false },
-    navData: { default: () => [] },
-    codeData: { default: () => [] },
-    langData: { default: () => [] }
-  },
-  emits: ["on-click", "lang-click", "handle-click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const navActive = vue.ref("");
-    const navInfo = vue.ref({});
-    const handleNavClick = (item, val) => {
-      var _a;
-      if (val === types.NavType.NAV) {
-        if ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) {
-          navActive.value = item.id;
-          navInfo.value = item;
-        } else {
-          emit("handle-click", item);
-        }
-      } else if (val === types.NavType.CODE) {
-        navActive.value = val;
-        navInfo.value = props.codeData.list;
-      } else if (val === types.NavType.LANG) {
-        navActive.value = val;
-        navInfo.value = props.langData.list;
-      }
-    };
-    const onClick = (url, target) => {
-      window.open(url, target ? target : "_self");
-      emit("on-click");
-    };
-    const onClickNav = (val) => {
-      if (navActive.value === types.NavType.CODE) {
-        onClick(val.href, val == null ? void 0 : val.target);
-      } else if (navActive.value === types.NavType.LANG) {
-        emit("lang-click", val);
-      }
-    };
-    vue.onMounted(() => {
-      navActive.value = props.navData[0].id;
-      navInfo.value = props.navData[0];
-    });
-    vue.watch(
-      () => props.navData || props.codeData || props.langData,
-      () => {
-        if (navActive.value === types.NavType.CODE) {
-          navInfo.value = props.codeData.list;
-        } else if (navActive.value === types.NavType.LANG) {
-          navInfo.value = props.langData.list;
-        } else {
-          navInfo.value = props.navData.find((item) => item.id === navActive.value);
-        }
-      },
-      {
-        deep: true
-      }
-    );
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["header-nav", { active: __props.menuShow }])
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("ul", _hoisted_2, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.navData, (item) => {
-              return vue.openBlock(), vue.createElementBlock("li", {
-                key: item.id,
-                class: vue.normalizeClass({
-                  active: navActive.value === item.id
-                })
-              }, [
-                vue.createElementVNode("span", {
-                  onClick: ($event) => handleNavClick(item, "nav")
-                }, vue.toDisplayString(item.label), 9, _hoisted_3)
-              ], 2);
-            }), 128))
-          ]),
-          vue.createElementVNode("div", _hoisted_4, [
-            navActive.value !== "code" && navActive.value !== "lang" ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_5, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(navInfo.value.children, (item) => {
-                return vue.openBlock(), vue.createElementBlock("li", {
-                  value: item.label,
-                  key: item.label,
-                  class: "nav-aside-content"
-                }, [
-                  (item == null ? void 0 : item.children) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                    vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(item.label), 1),
-                    vue.createElementVNode("div", _hoisted_8, [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item == null ? void 0 : item.children, (subItem) => {
-                        return vue.openBlock(), vue.createElementBlock("div", {
-                          key: subItem.label,
-                          class: "content-container-mobile"
-                        }, [
-                          vue.createElementVNode("a", {
-                            onClick: ($event) => onClick(subItem.href, subItem == null ? void 0 : subItem.target),
-                            rel: "noopener noreferrer",
-                            class: "content-subtitle"
-                          }, [
-                            vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(subItem.label), 1),
-                            subItem.icon ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.OIcon), { key: 0 }, {
-                              default: vue.withCtx(() => [
-                                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(subItem.icon), { class: "icon" }))
-                              ]),
-                              _: 2
-                            }, 1024)) : vue.createCommentVNode("", true),
-                            subItem.tag ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.OTag), {
-                              key: 1,
-                              round: "pill",
-                              color: "danger",
-                              size: "small",
-                              class: "content-tag"
-                            }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode(vue.toDisplayString(subItem.tag), 1)
-                              ]),
-                              _: 2
-                            }, 1024)) : vue.createCommentVNode("", true)
-                          ], 8, _hoisted_9),
-                          vue.createElementVNode("div", _hoisted_11, [
-                            vue.createElementVNode("p", _hoisted_12, vue.toDisplayString(subItem.description), 1)
-                          ])
-                        ]);
-                      }), 128))
-                    ])
-                  ], 64)) : (vue.openBlock(), vue.createElementBlock("a", {
-                    key: 1,
-                    onClick: ($event) => onClick(item.href, item == null ? void 0 : item.target),
-                    rel: "noopener noreferrer",
-                    class: "content-subtitle item-not-children"
-                  }, [
-                    vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(item.label), 1),
-                    item.icon ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.OIcon), { key: 0 }, {
-                      default: vue.withCtx(() => [
-                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), { class: "icon" }))
-                      ]),
-                      _: 2
-                    }, 1024)) : vue.createCommentVNode("", true),
-                    item.tag ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.OTag), {
-                      key: 1,
-                      round: "pill",
-                      color: "danger",
-                      size: "small"
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(item.tag), 1)
-                      ]),
-                      _: 2
-                    }, 1024)) : vue.createCommentVNode("", true)
-                  ], 8, _hoisted_13))
-                ], 8, _hoisted_6);
-              }), 128))
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(navInfo.value, (item) => {
-                return vue.openBlock(), vue.createElementBlock("a", {
-                  key: item.label,
-                  onClick: ($event) => onClickNav(item),
-                  class: "source-code-item"
-                }, [
-                  vue.createElementVNode("span", null, vue.toDisplayString(item.label), 1),
-                  item.icon ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.OIcon), { key: 0 }, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), { class: "icon" }))
-                    ]),
-                    _: 2
-                  }, 1024)) : vue.createCommentVNode("", true)
-                ], 8, _hoisted_16);
-              }), 128))
-            ]))
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_17, [
-          __props.codeData ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass(["header-tool-item", {
-              active: navActive.value === "code"
-            }]),
-            onClick: _cache[0] || (_cache[0] = ($event) => handleNavClick(null, "code"))
-          }, vue.toDisplayString(__props.codeData.label), 3)) : vue.createCommentVNode("", true),
-          __props.langData ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: vue.normalizeClass(["header-tool-item", {
-              active: navActive.value === "lang"
-            }]),
-            onClick: _cache[1] || (_cache[1] = ($event) => handleNavClick(null, "lang"))
-          }, vue.toDisplayString(__props.langData.label), 3)) : vue.createCommentVNode("", true),
-          _ctx.$slots.tool ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
-            vue.renderSlot(_ctx.$slots, "tool", {}, void 0, true)
-          ])) : vue.createCommentVNode("", true)
-        ])
-      ], 2);
-    };
-  }
-});
-module.exports = _sfc_main;

package/dist/treeshaking/cjs/components/header/index.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const OHeader$1 = require("./OHeader.vue.cjs");
-const OHeaderMobile$1 = require("./OHeaderMobile.vue.cjs");
-const OHeader = Object.assign(OHeader$1, {
-  install(app) {
-    app.component("OHeader", OHeader$1);
-  }
-});
-const OHeaderMobile = Object.assign(OHeaderMobile$1, {
-  install(app) {
-    app.component("OHeaderMobile", OHeaderMobile$1);
-  }
-});
-exports.OHeader = OHeader;
-exports.OHeaderMobile = OHeaderMobile;

package/dist/treeshaking/cjs/components/header/types.cjs

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var NavType = /* @__PURE__ */ ((NavType2) => {
-  NavType2["NAV"] = "nav";
-  NavType2["CODE"] = "code";
-  NavType2["LANG"] = "lang";
-  return NavType2;
-})(NavType || {});
-exports.NavType = NavType;

package/dist/treeshaking/cjs/components/header-language-switcher/OHeaderLanguageSwitcher.vue.cjs

@@ -1,7 +0,0 @@
-"use strict";
-const OHeaderLanguageSwitcher_vue_vue_type_script_setup_true_lang = require("./OHeaderLanguageSwitcher.vue2.cjs");
-;require('./OHeaderLanguageSwitcher.css');
-;require('./OHeaderLanguageSwitcher2.css');
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const _OHeaderLanguageSwitcher = /* @__PURE__ */ _pluginVue_exportHelper(OHeaderLanguageSwitcher_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-07aa851a"]]);
-module.exports = _OHeaderLanguageSwitcher;

package/dist/treeshaking/cjs/components/header-language-switcher/OHeaderLanguageSwitcher.vue2.cjs

@@ -1,124 +0,0 @@
-"use strict";
-const vue = require("vue");
-const composables = require("@opendesign-plus/composables");
-const opendesign = require("@opensig/opendesign");
-const iconLocale = require("../../_virtual/icon-locale.cjs");
-const _hoisted_1 = { class: "info-wrap" };
-const _hoisted_2 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "OHeaderLanguageSwitcher",
-  props: {
-    options: {
-      type: Array,
-      default() {
-        return [
-          { id: "zh", label: "简体中文", simple: "中" },
-          { id: "en", label: "English", simple: "EN" }
-        ];
-      }
-    },
-    type: {
-      type: String,
-      default: "auto"
-    },
-    auto: {
-      type: Boolean,
-      default: true
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const { changeLocale, locale } = composables.useLocale();
-    const { lePadV } = composables.useScreen();
-    const lang = vue.computed(() => {
-      return locale.value;
-    });
-    const emits = __emit;
-    const changeLanguage = (newlang) => {
-      if (props.auto) {
-        changeLocale();
-      }
-      emits("change", newlang);
-    };
-    const getLang = (lang2, simple) => {
-      const item = props.options.find((el) => el.id === lang2);
-      if (item) {
-        return simple ? item.simple : item.label;
-      }
-      const defaultLang = props.options[0];
-      return simple ? defaultLang.simple : defaultLang.label;
-    };
-    const isCommon = vue.computed(() => {
-      return props.type === "common" || props.type === "auto" && !lePadV.value;
-    });
-    return (_ctx, _cache) => {
-      return isCommon.value ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass([__props.options.length <= 1 ? "hide-lang" : "header-lang", __props.disabled ? "is-disabled" : ""])
-      }, [
-        vue.createVNode(vue.unref(opendesign.ODropdown), {
-          trigger: "hover",
-          optionPosition: "bottom",
-          "option-width-mode": "auto",
-          optionWrapClass: {
-            "dropdown": true,
-            "is-disabled": __props.disabled
-          }
-        }, {
-          dropdown: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (item) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(opendesign.ODropdownItem), {
-                onClick: ($event) => changeLanguage(item),
-                key: item.id,
-                class: vue.normalizeClass(["list", { "is-active": lang.value === item.id }])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(getLang(item.id)), 1)
-                ]),
-                _: 2
-              }, 1032, ["onClick", "class"]);
-            }), 128))
-          ]),
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createVNode(vue.unref(opendesign.OIcon), { class: "icon" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconLocale)),
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(["locale-tag", { "is-en": lang.value === "en" }])
-                  }, vue.toDisplayString(getLang(lang.value, true)), 3)
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }, 8, ["optionWrapClass"])
-      ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
-        key: 1,
-        class: vue.normalizeClass([__props.options.length <= 1 ? "hide-lang" : "mobile-change-language", __props.disabled ? "is-disabled" : ""])
-      }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (item, idx) => {
-          return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-            key: item.id
-          }, [
-            idx !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.ODivider), {
-              key: 0,
-              direction: "v"
-            })) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass({ active: lang.value === item.id }),
-              onClick: vue.withModifiers(($event) => changeLanguage(item), ["stop"])
-            }, vue.toDisplayString(getLang(item.id, true)), 11, _hoisted_2)
-          ], 64);
-        }), 128))
-      ], 2));
-    };
-  }
-});
-module.exports = _sfc_main;

package/dist/treeshaking/cjs/components/header-language-switcher/index.cjs

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const OHeaderLanguageSwitcher$1 = require("./OHeaderLanguageSwitcher.vue.cjs");
-const OHeaderLanguageSwitcher = Object.assign(OHeaderLanguageSwitcher$1, {
-  install(app) {
-    app.component("OHeaderLanguageSwitcher", OHeaderLanguageSwitcher$1);
-  }
-});
-exports.OHeaderLanguageSwitcher = OHeaderLanguageSwitcher;

package/dist/treeshaking/cjs/components/header-search/OHeaderSearch.vue.cjs

@@ -1,6 +0,0 @@
-"use strict";
-const OHeaderSearch_vue_vue_type_script_setup_true_lang = require("./OHeaderSearch.vue2.cjs");
-;require('./OHeaderSearch.css');
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const _OHeaderSearch = /* @__PURE__ */ _pluginVue_exportHelper(OHeaderSearch_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-a97b8e7c"]]);
-module.exports = _OHeaderSearch;