@opendesign-plus/components 0.0.1-rc.5 → 0.0.1-rc.6

package/dist/components.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as H, computed as O, createElementBlock as s, openBlock as o, normalizeStyle as q, unref as e, renderSlot as w, ref as D, normalizeClass as P, createBlock as I, toDisplayString as m, withCtx as h, Fragment as U, renderList as K, createVNode as v, createElementVNode as r, createCommentVNode as g, createTextVNode as V, onMounted as ne, watch as G, Teleport as ve, nextTick as me, withDirectives as pe, withKeys as fe, withModifiers as ge, vShow as ye, reactive as ke, provide as _e } from "vue";
-import { isBoolean as Q, isString as X, isUndefined as we, OCarousel as ee, OCarouselItem as te, OFigure as oe, OButton as j, OIcon as z, OIconClose as be, ODialog as $e, OSwitch as re, OInput as Ce, ODivider as Ie, OConfigProvider as xe, isArray as ze, OLink as Oe } from "@opensig/opendesign";
+import { defineComponent as H, computed as O, createElementBlock as s, openBlock as o, normalizeStyle as q, unref as e, renderSlot as w, ref as D, normalizeClass as P, createBlock as I, toDisplayString as m, withCtx as h, Fragment as U, renderList as K, createVNode as v, createElementVNode as c, createCommentVNode as g, createTextVNode as V, onMounted as ne, watch as G, Teleport as ve, nextTick as me, withDirectives as pe, withKeys as fe, withModifiers as ge, vShow as ye, reactive as ke, provide as _e } from "vue";
+import { isBoolean as Q, isString as X, isUndefined as we, OCarousel as ee, OCarouselItem as te, OFigure as oe, OButton as j, OIcon as z, OIconClose as be, ODialog as $e, OSwitch as ce, OInput as Ce, ODivider as Ie, OConfigProvider as xe, isArray as ze, OLink as Oe } from "@opensig/opendesign";
 import { useTheme as Se, useScreen as F } from "@opendesign-plus/composables";
-import { _ as R, u as ce, C as Ve, c as Pe } from "./chunk-index.es.js";
+import { _ as R, u as re, C as Ve, c as Pe } from "./chunk-index.es.js";
 import { useVModel as Me, onClickOutside as Be } from "@vueuse/core";
 const De = /* @__PURE__ */ H({
   __name: "ContentWrapper",
@@ -9,15 +9,15 @@ const De = /* @__PURE__ */ H({
     verticalPadding: { type: [Boolean, String, Array], default: void 0 }
   },
   setup(t) {
-    const l = Symbol("default"), a = t, f = O(() => a.verticalPadding ? Q(a.verticalPadding) ? l : X(a.verticalPadding) ? a.verticalPadding : a.verticalPadding[0] : 0), d = O(() => a.verticalPadding ? Q(a.verticalPadding) ? l : X(a.verticalPadding) ? a.verticalPadding : we(a.verticalPadding[1]) ? a.verticalPadding[0] : a.verticalPadding[1] : 0);
-    return (p, y) => (o(), s("div", {
+    const l = Symbol("default"), a = t, p = O(() => a.verticalPadding ? Q(a.verticalPadding) ? l : X(a.verticalPadding) ? a.verticalPadding : a.verticalPadding[0] : 0), d = O(() => a.verticalPadding ? Q(a.verticalPadding) ? l : X(a.verticalPadding) ? a.verticalPadding : we(a.verticalPadding[1]) ? a.verticalPadding[0] : a.verticalPadding[1] : 0);
+    return (f, y) => (o(), s("div", {
       class: "content-wrapper",
       style: q({
-        "--content-wrapper-vertical-paddingTop": f.value === e(l) ? void 0 : f.value,
+        "--content-wrapper-vertical-paddingTop": p.value === e(l) ? void 0 : p.value,
         "--content-wrapper-vertical-paddingBottom": d.value === e(l) ? void 0 : d.value
       })
     }, [
-      w(p.$slots, "default", {}, void 0, !0)
+      w(f.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), le = /* @__PURE__ */ R(De, [["__scopeId", "data-v-a0f91aed"]]), Ae = { key: 0 }, Te = { class: "banner-content" }, Ue = ["src"], He = {
@@ -37,22 +37,22 @@ const De = /* @__PURE__ */ H({
     contentJustifyCenter: !1
   },
   setup(t) {
-    const l = t, { isLight: a } = Se("opendesignplus", document.domain || "localhost"), { isPhone: f } = F(), d = O(() => l.options), p = D(""), y = (c) => {
+    const l = t, { isLight: a } = Se("opendesignplus", document.domain || "localhost"), { isPhone: p } = F(), d = O(() => l.options), f = D(""), y = (r) => {
       setTimeout(() => {
-        p.value = d.value[c].bg_theme ?? "light";
+        f.value = d.value[r].bg_theme ?? "light";
       }, 100);
-    }, u = (c, C) => {
-      c && !C && window.open(c);
+    }, u = (r, C) => {
+      r && !C && window.open(r);
     };
-    return (c, C) => (o(), s("div", {
+    return (r, C) => (o(), s("div", {
       class: P(["home-banner", t.size])
     }, [
-      t.size === "tiny" ? (o(), s("div", Ae, m(d.value[1].title), 1)) : e(f) ? (o(), I(e(ee), {
+      t.size === "tiny" ? (o(), s("div", Ae, m(d.value[1].title), 1)) : e(p) ? (o(), I(e(ee), {
         key: 2,
         class: "banner-carousel",
         effect: "gallery",
         "indicator-click": "",
-        "data-o-theme": p.value,
+        "data-o-theme": f.value,
         arrow: "never",
         "auto-play": !0,
         onBeforeChange: y
@@ -84,7 +84,7 @@ const De = /* @__PURE__ */ H({
         "active-class": "current-slide",
         "indicator-click": "",
         "auto-play": !0,
-        "data-o-theme": p.value,
+        "data-o-theme": f.value,
         onBeforeChange: y
       }, {
         default: h(() => [
@@ -110,8 +110,8 @@ const De = /* @__PURE__ */ H({
                     class: P(["banner-wrapper", ["banner-wrapper", t.contentJustifyCenter ? "content-center" : ""]])
                   }, {
                     default: h(() => [
-                      r("div", Te, [
-                        !e(f) && n.attach ? (o(), s("img", {
+                      c("div", Te, [
+                        !e(p) && n.attach ? (o(), s("img", {
                           key: 0,
                           src: n.attach,
                           class: "banner-attach"
@@ -168,18 +168,19 @@ const De = /* @__PURE__ */ H({
 }, Fe = ["href"], Ye = { class: "cookie-title" }, Ze = { class: "cookie-desc" }, qe = ["href"], Qe = {
   key: 0,
   class: "cookie-notice-right"
-}, Xe = { class: "cookie-dlg-title" }, et = { class: "cookie-dlg-content" }, tt = { class: "content-item" }, ot = { class: "item-header" }, lt = { class: "item-title" }, at = { class: "item-extra" }, st = { class: "item-detail" }, nt = { class: "content-item" }, rt = { class: "item-header" }, ct = { class: "item-title" }, it = { class: "item-extra" }, dt = { class: "item-detail" }, ut = "0", ae = "1", ht = "2", W = "3", vt = "agreed-cookiepolicy-zh", mt = "agreed-cookiepolicy-en", pt = /* @__PURE__ */ H({
+}, Xe = { class: "cookie-dlg-title" }, et = { class: "cookie-dlg-content" }, tt = { class: "content-item" }, ot = { class: "item-header" }, lt = { class: "item-title" }, at = { class: "item-extra" }, st = { class: "item-detail" }, nt = { class: "content-item" }, ct = { class: "item-header" }, rt = { class: "item-title" }, it = { class: "item-extra" }, dt = { class: "item-detail" }, ut = "0", ae = "1", ht = "2", W = "3", vt = "agreed-cookiepolicy-zh", mt = "agreed-cookiepolicy-en", pt = /* @__PURE__ */ H({
   __name: "OCookieNotice",
   props: {
     visible: { type: Boolean },
     enableGrid: { type: Boolean },
     community: {},
     detailUrl: {},
-    wrapper: {}
+    wrapper: {},
+    cookieDomain: {}
   },
   emits: ["update:visible"],
   setup(t, { expose: l, emit: a }) {
-    const f = t, d = a, { lePadV: p, leLaptop: y } = F(), { locale: u, t: c } = ce(), C = O(() => u.value === "zh"), n = O(() => C.value ? vt : mt), b = D(!1), x = Me(f, "visible", d, { defaultValue: !1 }), B = ($) => {
+    const p = t, d = a, { lePadV: f, leLaptop: y } = F(), { locale: u, t: r } = re(), C = O(() => u.value === "zh"), n = O(() => C.value ? vt : mt), b = D(!1), x = Me(p, "visible", d, { defaultValue: !1 }), B = ($) => {
       const _ = document.cookie.split(";").find((M) => M.split("=")[0].trim() === encodeURIComponent($));
       return _ ? decodeURIComponent(_.split("=")[1]) : null;
     }, L = ($, _, M, ue) => {
@@ -189,7 +190,7 @@ const De = /* @__PURE__ */ H({
       document.cookie = `${encodeURIComponent($)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${_}`;
     }, S = ($) => {
       typeof $ == "boolean" ? x.value = $ : x.value = !x.value, me(() => {
-        !x.value && C.value && B(n.value) !== W && L(n.value, W, 180, location.hostname);
+        !x.value && C.value && B(n.value) !== W && L(n.value, W, 180, p.cookieDomain ?? location.hostname);
       });
     }, A = D(!1), E = ($) => {
       typeof $ == "boolean" ? A.value = $ : A.value = !A.value;
@@ -200,14 +201,14 @@ const De = /* @__PURE__ */ H({
       S(i());
     });
     const k = () => {
-      b.value = !0, J(n.value, location.hostname), L(n.value, ae, 180, location.hostname), S(!1);
+      b.value = !0, J(n.value, p.cookieDomain ?? location.hostname), L(n.value, ae, 180, p.cookieDomain ?? location.hostname), S(!1);
     }, N = () => {
-      b.value = !1, J(n.value, location.hostname), L(n.value, ht, 180, location.hostname), S(!1);
+      b.value = !1, J(n.value, p.cookieDomain ?? location.hostname), L(n.value, ht, 180, p.cookieDomain ?? location.hostname), S(!1);
     }, ie = O(() => [
       {
         id: "save",
         color: "primary",
-        label: c("cookie.saveSetting"),
+        label: r("cookie.saveSetting"),
         variant: "outline",
         size: "large",
         round: "pill",
@@ -218,7 +219,7 @@ const De = /* @__PURE__ */ H({
       {
         id: "allowAll",
         color: "primary",
-        label: c("cookie.acceptAll"),
+        label: r("cookie.acceptAll"),
         variant: "outline",
         size: "large",
         round: "pill",
@@ -239,28 +240,28 @@ const De = /* @__PURE__ */ H({
           to: t.wrapper || "#app"
         }, [
           e(x) ? (o(), s("div", Le, [
-            r("div", Ge, [
-              r("div", {
+            c("div", Ge, [
+              c("div", {
                 type: e(u),
                 class: P({ "cookie-notice-wrap-grid": t.enableGrid, "cookie-notice-wrap": !t.enableGrid })
               }, [
-                r("div", We, [
+                c("div", We, [
                   C.value ? (o(), s("p", je, [
-                    V(m(e(c)("cookie.desc")) + " ", 1),
-                    r("a", {
+                    V(m(e(r)("cookie.desc")) + " ", 1),
+                    c("a", {
                       href: t.detailUrl,
                       target: "_blank",
                       rel: "noopener noreferrer"
-                    }, m(e(c)("cookie.about")), 9, Fe)
+                    }, m(e(r)("cookie.about")), 9, Fe)
                   ])) : (o(), s(U, { key: 1 }, [
-                    r("p", Ye, m(e(c)("cookie.title", [t.community])), 1),
-                    r("p", Ze, [
-                      V(m(e(c)("cookie.desc")) + " ", 1),
-                      r("a", {
+                    c("p", Ye, m(e(r)("cookie.title", [t.community])), 1),
+                    c("p", Ze, [
+                      V(m(e(r)("cookie.desc")) + " ", 1),
+                      c("a", {
                         href: t.detailUrl,
                         target: "_blank",
                         rel: "noopener noreferrer"
-                      }, m(e(c)("cookie.about")), 9, qe),
+                      }, m(e(r)("cookie.about")), 9, qe),
                       _[4] || (_[4] = V(". ", -1))
                     ])
                   ], 64))
@@ -273,7 +274,7 @@ const De = /* @__PURE__ */ H({
                     onClick: k
                   }, {
                     default: h(() => [
-                      V(m(e(c)("cookie.acceptAll")), 1)
+                      V(m(e(r)("cookie.acceptAll")), 1)
                     ]),
                     _: 1
                   }),
@@ -284,7 +285,7 @@ const De = /* @__PURE__ */ H({
                     onClick: N
                   }, {
                     default: h(() => [
-                      V(m(e(c)("cookie.rejectAll")), 1)
+                      V(m(e(r)("cookie.rejectAll")), 1)
                     ]),
                     _: 1
                   }),
@@ -295,7 +296,7 @@ const De = /* @__PURE__ */ H({
                     onClick: _[0] || (_[0] = (M) => E(!0))
                   }, {
                     default: h(() => [
-                      V(m(e(c)("cookie.manage")), 1)
+                      V(m(e(r)("cookie.manage")), 1)
                     ]),
                     _: 1
                   })
@@ -316,34 +317,34 @@ const De = /* @__PURE__ */ H({
               visible: A.value,
               "onUpdate:visible": _[3] || (_[3] = (M) => A.value = M),
               size: e(y) ? "medium" : "large",
-              "phone-half-full": e(p),
+              "phone-half-full": e(f),
               class: "cookie-dlg",
               actions: ie.value,
               onChange: de
             }, {
               header: h(() => [
-                r("span", Xe, m(e(c)("cookie.manage")), 1)
+                c("span", Xe, m(e(r)("cookie.manage")), 1)
               ]),
               default: h(() => [
-                r("div", et, [
-                  r("div", tt, [
-                    r("div", ot, [
-                      r("span", lt, m(e(c)("cookie.necessaryCookie")), 1),
-                      r("span", at, m(e(c)("cookie.alwaysOn")), 1)
+                c("div", et, [
+                  c("div", tt, [
+                    c("div", ot, [
+                      c("span", lt, m(e(r)("cookie.necessaryCookie")), 1),
+                      c("span", at, m(e(r)("cookie.alwaysOn")), 1)
                     ]),
-                    r("div", st, m(e(c)("cookie.necessaryCookieDetail")), 1)
+                    c("div", st, m(e(r)("cookie.necessaryCookieDetail")), 1)
                   ]),
-                  r("div", nt, [
-                    r("div", rt, [
-                      r("span", ct, m(e(c)("cookie.analyticalCookie")), 1),
-                      r("span", it, [
-                        v(e(re), {
+                  c("div", nt, [
+                    c("div", ct, [
+                      c("span", rt, m(e(r)("cookie.analyticalCookie")), 1),
+                      c("span", it, [
+                        v(e(ce), {
                           modelValue: b.value,
                           "onUpdate:modelValue": _[2] || (_[2] = (M) => b.value = M)
                         }, null, 8, ["modelValue"])
                       ])
                     ]),
-                    r("div", dt, m(e(c)("cookie.analyticalCookieDetail")), 1)
+                    c("div", dt, m(e(r)("cookie.analyticalCookieDetail")), 1)
                   ])
                 ])
               ]),
@@ -355,7 +356,7 @@ const De = /* @__PURE__ */ H({
       _: 1
     }));
   }
-}), ft = /* @__PURE__ */ R(pt, [["__scopeId", "data-v-e46f706e"]]), gt = {
+}), ft = /* @__PURE__ */ R(pt, [["__scopeId", "data-v-712c28fb"]]), gt = {
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -364,7 +365,7 @@ const De = /* @__PURE__ */ H({
 };
 function yt(t, l) {
   return o(), s("svg", gt, [...l[0] || (l[0] = [
-    r("path", {
+    c("path", {
       fill: "currentColor",
       d: "M18.528 5.472c0.246 0.246 0.271 0.63 0.074 0.903l-0.074 0.087-5.54 5.538 0.006 0.006-0.989 0.989-0.006-0.006-5.538 5.54c-0.273 0.273-0.717 0.273-0.99 0-0.246-0.246-0.271-0.63-0.074-0.903l0.074-0.087 5.538-5.539-5.538-5.538-0.074-0.087c-0.197-0.274-0.172-0.657 0.074-0.903s0.63-0.271 0.903-0.074l0.087 0.074 5.538 5.539 5.539-5.539c0.273-0.273 0.717-0.273 0.99 0zM14.551 13.561l3.978 3.978 0.074 0.087c0.197 0.274 0.172 0.657-0.074 0.903s-0.63 0.271-0.903 0.074l-0.087-0.074-3.978-3.978c-0.273-0.273-0.273-0.717 0-0.99v0c0.273-0.273 0.717-0.273 0.99 0z"
     }, null, -1)
@@ -379,12 +380,12 @@ const kt = { name: "components-icon-close", render: yt }, _t = {
 };
 function wt(t, l) {
   return o(), s("svg", _t, [...l[0] || (l[0] = [
-    r("path", {
+    c("path", {
       opacity: "0.8",
       fill: "currentColor",
       d: "M13.215 0.524c-7.048 0-12.762 5.714-12.762 12.762s5.714 12.762 12.762 12.762c7.048 0 12.762-5.714 12.762-12.762s-5.714-12.762-12.762-12.762zM13.215 2.809c5.786 0 10.476 4.69 10.476 10.476s-4.69 10.476-10.476 10.476c-5.786 0-10.476-4.69-10.476-10.476s4.69-10.476 10.476-10.476z"
     }, null, -1),
-    r("path", {
+    c("path", {
       opacity: "0.8",
       fill: "currentColor",
       d: "M23.33 23.22c0.446-0.447 1.169-0.448 1.616-0.002l4.771 4.759c0.447 0.446 0.448 1.169 0.002 1.616s-1.169 0.448-1.616 0.002l-4.771-4.759c-0.447-0.446-0.448-1.169-0.002-1.616z"
@@ -400,7 +401,7 @@ const se = { name: "components-icon-header-search", render: wt }, bt = {
 };
 function $t(t, l) {
   return o(), s("svg", bt, [...l[0] || (l[0] = [
-    r("path", {
+    c("path", {
       fill: "currentColor",
       d: "M10.858 22.41c-0.349 0.349-0.915 0.349-1.263 0-0.314-0.314-0.345-0.804-0.094-1.153l0.094-0.111 5.146-5.15-5.177-5.178c-0.274-0.305-0.3-0.755-0.077-1.087l0.111-0.135c0.347-0.347 0.91-0.347 1.257 0l5.142 5.143 5.15-5.146c0.349-0.349 0.915-0.349 1.263 0 0.314 0.314 0.345 0.804 0.094 1.153l-0.094 0.111-11.552 11.552zM17.89 16.634l4.551 4.552c0.313 0.349 0.302 0.886-0.034 1.222-0.347 0.347-0.91 0.347-1.257 0l-4.516-4.518 1.256-1.256z"
     }, null, -1)
@@ -415,7 +416,7 @@ const Ct = { name: "components-icon-header-delete", render: $t }, It = {
 };
 function xt(t, l) {
   return o(), s("svg", It, [...l[0] || (l[0] = [
-    r("path", {
+    c("path", {
       fill: "currentColor",
       d: "M19.154 5.295c0.387 0 0.7 0.313 0.7 0.7 0 0.354-0.263 0.647-0.605 0.694l-0.095 0.006-12.201-0.001 0.001 12.413c0 0.17 0.12 0.311 0.28 0.344l0.071 0.007h9.39c0.17 0 0.311-0.12 0.344-0.28l0.007-0.071v-10.47c0-0.387 0.313-0.7 0.7-0.7 0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v10.47c0 0.919-0.708 1.672-1.608 1.745l-0.144 0.006h-9.39c-0.919 0-1.672-0.708-1.745-1.608l-0.006-0.144-0.001-12.413-0.707 0.001c-0.387 0-0.7-0.313-0.7-0.7 0-0.354 0.263-0.647 0.605-0.694l0.095-0.006h14.308zM10.011 9.744c0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v5.68c0 0.387-0.313 0.7-0.7 0.7-0.354 0-0.647-0.263-0.694-0.605l-0.006-0.095v-5.68c0-0.387 0.313-0.7 0.7-0.7zM13.953 9.744c0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v5.68c0 0.387-0.313 0.7-0.7 0.7-0.354 0-0.647-0.263-0.694-0.605l-0.006-0.095v-5.68c0-0.387 0.313-0.7 0.7-0.7zM13.652 3.189c0.387 0 0.7 0.313 0.7 0.7 0 0.354-0.263 0.647-0.605 0.694l-0.095 0.006h-3.972c-0.387 0-0.7-0.313-0.7-0.7 0-0.354 0.263-0.647 0.605-0.694l0.095-0.006h3.972z"
     }, null, -1)
@@ -430,7 +431,7 @@ const zt = { name: "components-icon-delete", render: xt }, Ot = {
 };
 function St(t, l) {
   return o(), s("svg", Ot, [...l[0] || (l[0] = [
-    r("path", {
+    c("path", {
       fill: "currentColor",
       d: "M5.886 19.111l10.672 10.677c0.46 0.524 0.44 1.322-0.060 1.822s-1.298 0.52-1.822 0.060l-0.064-0.060-12.498-12.498h3.772zM14.613 0.391c0.521-0.521 1.365-0.521 1.886 0 0.5 0.5 0.52 1.298 0.060 1.822l-0.060 0.064-12.391 12.391h29.67c0.71 0 1.291 0.555 1.331 1.255l0.002 0.078c0 0.71-0.555 1.291-1.255 1.331l-0.078 0.002h-31.816c-0.472 0-0.924-0.187-1.257-0.521-0.671-0.671-0.694-1.745-0.067-2.443l0.067-0.071 13.908-13.908z"
     }, null, -1)
@@ -467,7 +468,7 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
   },
   emits: ["update:modelValue", "update:historyItems", "clear", "search", "delete-history", "delete-history-item"],
   setup(t, { emit: l }) {
-    const { lePadV: a } = F(), { t: f } = ce(), d = t, p = l, y = D(d.modelValue), u = D(d.historyItems), c = D(!1), C = D(), n = O(() => !a.value && c.value || a.value && y.value);
+    const { lePadV: a } = F(), { t: p } = re(), d = t, f = l, y = D(d.modelValue), u = D(d.historyItems), r = D(!1), C = D(), n = O(() => !a.value && r.value || a.value && y.value);
     G(
       () => d.modelValue,
       (i) => {
@@ -476,7 +477,7 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
     ), G(
       () => y.value,
       (i) => {
-        p("update:modelValue", i);
+        f("update:modelValue", i);
       }
     ), G(
       () => d.historyItems,
@@ -486,7 +487,7 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
     ), G(
       () => u.value,
       (i) => {
-        p("update:historyItems", i);
+        f("update:historyItems", i);
       }
     ), ne(() => {
       if (d.storeHistory && d.storageKey)
@@ -497,24 +498,24 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
         }
     });
     const b = () => {
-      c.value = !0;
+      r.value = !0;
     }, x = () => {
       const i = y.value.trim();
-      i && (c.value = !1, u.value.unshift(i), u.value = Array.from(new Set(u.value)), u.value.length > d.maxHistoryCount && u.value.pop(), d.storeHistory && d.storeHistory && localStorage.setItem(d.storageKey, JSON.stringify(u.value)), p("search", i), d.searchUrl && window.open(d.searchUrl + i, d.searchUrlOpenBlank ? "_blank" : "_self", "noopener noreferrer"));
+      i && (r.value = !1, u.value.unshift(i), u.value = Array.from(new Set(u.value)), u.value.length > d.maxHistoryCount && u.value.pop(), d.storeHistory && d.storeHistory && localStorage.setItem(d.storageKey, JSON.stringify(u.value)), f("search", i), d.searchUrl && window.open(d.searchUrl + i, d.searchUrlOpenBlank ? "_blank" : "_self", "noopener noreferrer"));
     }, B = () => {
-      y.value = "", p("clear"), a.value || (c.value = !1);
+      y.value = "", f("clear"), a.value || (r.value = !1);
     }, L = () => {
       const i = [...u.value];
-      u.value = [], d.storeHistory && d.storeHistory && localStorage.removeItem(d.storageKey), p("delete-history", i);
+      u.value = [], d.storeHistory && d.storeHistory && localStorage.removeItem(d.storageKey), f("delete-history", i);
     }, J = (i) => {
-      u.value = u.value.filter((T) => T !== i), d.storeHistory && d.storeHistory && (u.value.length ? localStorage.setItem(d.storageKey, JSON.stringify(u.value)) : localStorage.removeItem(d.storageKey)), p("delete-history-item", i);
+      u.value = u.value.filter((T) => T !== i), d.storeHistory && d.storeHistory && (u.value.length ? localStorage.setItem(d.storageKey, JSON.stringify(u.value)) : localStorage.removeItem(d.storageKey)), f("delete-history-item", i);
     }, S = (i) => {
       y.value = i, x();
     }, A = () => {
-      y.value = "", c.value = !1;
+      y.value = "", r.value = !1;
     }, E = D();
     return Be(E, B), (i, T) => (o(), s("div", Pt, [
-      r("div", {
+      c("div", {
         ref_key: "posWrapper",
         ref: E,
         class: P({
@@ -522,13 +523,13 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
           "o-header-search-input-pc-wrapper-left": !e(a) && t.expandDirection === "left",
           "o-header-search-input-pc-wrapper-right": !e(a) && t.expandDirection === "right",
           "o-header-search-input-mobile-wrapper": e(a),
-          focus: c.value
+          focus: r.value
         })
       }, [
-        r("div", {
-          class: P(["o-header-search-input-wrapper", { focus: c.value }])
+        c("div", {
+          class: P(["o-header-search-input-wrapper", { focus: r.value }])
         }, [
-          e(a) && c.value ? (o(), I(e(z), {
+          e(a) && r.value ? (o(), I(e(z), {
             key: 0,
             class: "o-header-search-icon",
             onClick: A
@@ -544,7 +545,7 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
             modelValue: y.value,
             "onUpdate:modelValue": T[0] || (T[0] = (k) => y.value = k),
             class: "o-header-search-input",
-            placeholder: c.value ? t.expandedPlaceholder ?? e(f)("search.expandedPlaceholder") : t.placeholder ?? e(f)("search.placeholder"),
+            placeholder: r.value ? t.expandedPlaceholder ?? e(p)("search.expandedPlaceholder") : t.placeholder ?? e(p)("search.placeholder"),
             onFocus: b,
             onKeyup: fe(x, ["enter"])
           }, {
@@ -574,13 +575,13 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
             ]),
             _: 3
           }, 8, ["modelValue", "placeholder"]),
-          e(a) && c.value ? (o(), s("span", {
+          e(a) && r.value ? (o(), s("span", {
             key: 1,
             class: "o-header-search-text",
             onClick: x
-          }, m(t.searchTextMobile ?? e(f)("search")), 1)) : g("", !0)
+          }, m(t.searchTextMobile ?? e(p)("search")), 1)) : g("", !0)
         ], 2),
-        pe(r("div", Mt, [
+        pe(c("div", Mt, [
           w(i.$slots, "drawer", {
             recommendItems: t.recommendItems,
             historyItems: u.value,
@@ -597,8 +598,8 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
               ], !0)
             ])) : u.value.length ? (o(), s("div", At, [
               w(i.$slots, "history-header", { history: u.value }, () => [
-                r("div", Tt, [
-                  r("span", Ut, m(t.historyTitle ?? e(f)("search.history")), 1),
+                c("div", Tt, [
+                  c("span", Ut, m(t.historyTitle ?? e(p)("search.history")), 1),
                   v(e(z), {
                     class: "o-header-search-icon",
                     onClick: L
@@ -611,13 +612,13 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
                 ])
               ], !0),
               w(i.$slots, "history-content", { history: u.value }, () => [
-                r("div", Ht, [
+                c("div", Ht, [
                   (o(!0), s(U, null, K(u.value, (k) => (o(), s("div", {
                     key: k,
                     class: "o-header-search-history-item",
                     onClick: (N) => S(k)
                   }, [
-                    r("span", Nt, m(k), 1),
+                    c("span", Nt, m(k), 1),
                     v(e(z), {
                       class: "o-header-search-history-item-icon",
                       onClick: ge((N) => J(k), ["stop"])
@@ -637,10 +638,10 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
             })) : g("", !0),
             t.hotItems.length ? (o(), s("div", Kt, [
               w(i.$slots, "hot-header", { hot: t.hotItems }, () => [
-                r("div", Rt, m(t.hotTitle ?? e(f)("search.hot")), 1)
+                c("div", Rt, m(t.hotTitle ?? e(p)("search.hot")), 1)
               ], !0),
               w(i.$slots, "hot-content", { hot: t.hotItems }, () => [
-                r("div", Lt, [
+                c("div", Lt, [
                   (o(!0), s(U, null, K(t.hotItems, (k) => (o(), s("div", {
                     key: k,
                     class: "o-header-search-hot-item",
@@ -651,7 +652,7 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
             ])) : g("", !0)
           ], !0)
         ], 512), [
-          [ye, c.value]
+          [ye, r.value]
         ])
       ], 2),
       e(a) ? (o(), I(e(z), {
@@ -723,11 +724,11 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
       locale: O(() => l.locale),
       theme: O(() => l.theme)
     });
-    return _e(Pe, a), (f, d) => (o(), I(e(xe), {
+    return _e(Pe, a), (p, d) => (o(), I(e(xe), {
       locale: t.locale === "zh" ? e(jt) : e(Ft)
     }, {
       default: h(() => [
-        w(f.$slots, "default")
+        w(p.$slots, "default")
       ]),
       _: 3
     }, 8, ["locale"]));
@@ -741,7 +742,7 @@ const Vt = { name: "components-icon-header-back", render: St }, Pt = { class: "o
 };
 function qt(t, l) {
   return o(), s("svg", Zt, [...l[0] || (l[0] = [
-    r("path", { d: "M9.246 5.764c-0.251 0.251-0.271 0.644-0.063 0.918l0.063 0.072 5.016 5.016c0.1 0.1 0.115 0.254 0.043 0.37l-0.043 0.054-5.062 5.062c-0.273 0.273-0.273 0.717 0 0.99 0.251 0.251 0.644 0.271 0.918 0.063l0.072-0.063 5.062-5.062c0.629-0.629 0.662-1.628 0.099-2.296l-0.099-0.108-5.016-5.016c-0.273-0.273-0.717-0.273-0.99 0z" }, null, -1)
+    c("path", { d: "M9.246 5.764c-0.251 0.251-0.271 0.644-0.063 0.918l0.063 0.072 5.016 5.016c0.1 0.1 0.115 0.254 0.043 0.37l-0.043 0.054-5.062 5.062c-0.273 0.273-0.273 0.717 0 0.99 0.251 0.251 0.644 0.271 0.918 0.063l0.072-0.063 5.062-5.062c0.629-0.629 0.662-1.628 0.099-2.296l-0.099-0.108-5.016-5.016c-0.273-0.273-0.717-0.273-0.99 0z" }, null, -1)
   ])]);
 }
 const Qt = { name: "components-icon-chevron-right", render: qt }, Xt = { class: "section-wrapper" }, e0 = {
@@ -768,10 +769,10 @@ const Qt = { name: "components-icon-chevron-right", render: qt }, Xt = { class:
   },
   setup(t) {
     const l = t;
-    return (a, f) => (o(), s("div", {
+    return (a, p) => (o(), s("div", {
       class: P(["app-section", { "is-full": l.full }])
     }, [
-      r("div", Xt, [
+      c("div", Xt, [
         w(a.$slots, "main", {}, () => [
           a.$slots.header || l.title || l.subtitle ? (o(), s("div", {
             key: 0,
@@ -828,16 +829,16 @@ const Qt = { name: "components-icon-chevron-right", render: qt }, Xt = { class:
   height: "24",
   viewBox: "0 0 24 24"
 };
-function r0(t, l) {
+function c0(t, l) {
   return o(), s("svg", n0, [...l[0] || (l[0] = [
-    r("path", {
+    c("path", {
       opacity: "0.8",
       fill: "currentColor",
       d: "M12 1.992c0.387 0 0.7 0.313 0.7 0.7v1.2c0 0.387-0.313 0.7-0.7 0.7s-0.7-0.313-0.7-0.7v-1.2c0-0.387 0.313-0.7 0.7-0.7zM6.769 6.747c-0.273 0.273-0.717 0.273-0.99 0l-0.849-0.849c-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495c0.273-0.273 0.717-0.273 0.99 0l0.849 0.849c0.136 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495zM18.192 6.747c-0.273 0.273-0.717 0.273-0.99 0-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495l0.849-0.849c0.273-0.273 0.717-0.273 0.99 0 0.137 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495l-0.849 0.849zM5.3 12c0-3.7 3-6.7 6.7-6.7s6.7 3 6.7 6.7-3 6.7-6.7 6.7c-3.7 0-6.7-3-6.7-6.7zM17.3 12c0-2.927-2.373-5.3-5.3-5.3s-5.3 2.373-5.3 5.3c0 2.927 2.373 5.3 5.3 5.3s5.3-2.373 5.3-5.3zM4.594 11.969c0 0.387-0.313 0.7-0.7 0.7h-1.2c-0.387 0-0.7-0.313-0.7-0.7s0.313-0.7 0.7-0.7h1.2c0.386 0 0.7 0.313 0.7 0.7zM21.977 11.999c0 0.387-0.314 0.7-0.7 0.7h-1.2c-0.387 0-0.7-0.313-0.7-0.7s0.313-0.7 0.7-0.7h1.2c0.387 0 0.7 0.313 0.7 0.7zM5.921 19.060c-0.273 0.273-0.717 0.273-0.99 0-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495l0.849-0.849c0.273-0.273 0.717-0.273 0.99 0 0.137 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495l-0.849 0.849zM19.041 19.060c-0.273 0.273-0.717 0.273-0.99 0l-0.849-0.849c-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495c0.273-0.273 0.717-0.273 0.99 0l0.849 0.849c0.137 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495zM11.971 19.376c0.387 0 0.7 0.313 0.7 0.7v1.2c0 0.387-0.313 0.7-0.7 0.7s-0.7-0.313-0.7-0.7v-1.2c0-0.387 0.313-0.7 0.7-0.7z"
     }, null, -1)
   ])]);
 }
-const Y = { name: "components-icon-sun", render: r0 }, c0 = {
+const Y = { name: "components-icon-sun", render: c0 }, r0 = {
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -845,8 +846,8 @@ const Y = { name: "components-icon-sun", render: r0 }, c0 = {
   viewBox: "0 0 24 24"
 };
 function i0(t, l) {
-  return o(), s("svg", c0, [...l[0] || (l[0] = [
-    r("path", {
+  return o(), s("svg", r0, [...l[0] || (l[0] = [
+    c("path", {
       opacity: "0.8",
       fill: "currentColor",
       d: "M12 2.3c5.357 0 9.7 4.343 9.7 9.7s-4.343 9.7-9.7 9.7c-4.651 0-8.622-3.298-9.515-7.806-0.101-0.509 0.369-0.948 0.87-0.812 0.531 0.144 1.082 0.218 1.645 0.218 3.479 0 6.3-2.82 6.3-6.3 0-1.276-0.379-2.494-1.079-3.527-0.291-0.43-0.029-1.016 0.486-1.086 0.425-0.057 0.857-0.086 1.293-0.086zM12 3.7l-0.042 0.001 0.058 0.121c0.402 0.887 0.634 1.85 0.677 2.845l0.007 0.333c0 4.253-3.447 7.7-7.7 7.7-0.229 0-0.457-0.010-0.682-0.030l-0.186-0.021 0.076 0.218c1.147 3.123 4.102 5.321 7.528 5.429l0.264 0.004c4.584 0 8.3-3.716 8.3-8.3s-3.716-8.3-8.3-8.3z"
@@ -868,17 +869,17 @@ const Z = { name: "components-icon-moon", render: i0 }, d0 = { class: "o-theme-s
   },
   emits: ["update:theme", "change"],
   setup(t, { emit: l }) {
-    const a = t, f = l, { gtPhone: d } = F(), p = O({
+    const a = t, p = l, { gtPhone: d } = F(), f = O({
       get() {
         return a.theme;
       },
-      set(c) {
-        f("update:theme", c), f("change", c);
+      set(r) {
+        p("update:theme", r), p("change", r);
       }
     }), y = O(() => a.type === "common" || a.type === "auto" && d.value), u = () => {
-      p.value = p.value === a.lightValue ? a.darkValue : a.lightValue;
+      f.value = f.value === a.lightValue ? a.darkValue : a.lightValue;
     };
-    return (c, C) => (o(), s("div", d0, [
+    return (r, C) => (o(), s("div", d0, [
       y.value ? (o(), s("div", {
         key: 0,
         class: "o-theme-switcher-common",
@@ -886,14 +887,14 @@ const Z = { name: "components-icon-moon", render: i0 }, d0 = { class: "o-theme-s
       }, [
         v(e(z), { class: "o-theme-icon" }, {
           default: h(() => [
-            p.value === t.lightValue ? (o(), I(e(Z), { key: 0 })) : (o(), I(e(Y), { key: 1 }))
+            f.value === t.lightValue ? (o(), I(e(Z), { key: 0 })) : (o(), I(e(Y), { key: 1 }))
           ]),
           _: 1
         })
       ])) : (o(), s("div", u0, [
-        v(e(re), {
-          modelValue: p.value,
-          "onUpdate:modelValue": C[0] || (C[0] = (n) => p.value = n),
+        v(e(ce), {
+          modelValue: f.value,
+          "onUpdate:modelValue": C[0] || (C[0] = (n) => f.value = n),
           class: "o-theme-switch",
           "checked-value": t.darkValue,
           "unchecked-value": t.lightValue

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus/components",
-  "version": "0.0.1-rc.5",
+  "version": "0.0.1-rc.6",
   "type": "module",
   "publishConfig": {
     "access": "public",

package/src/components/OCookieNotice.vue

@@ -10,7 +10,6 @@ const NOT_SIGNED = '0';
 const ALL_AGREED = '1';
 const NECCESSARY_AGREED = '2';
 const NOT_SHOW_BUT_AGREED = '3';
-const COOKIE_DOMAIN = import.meta.env.VITE_COOKIE_DOMAIN as string;
 const COOKIE_KEY_ZH = 'agreed-cookiepolicy-zh';
 const COOKIE_KEY_EN = 'agreed-cookiepolicy-en';
 
@@ -20,6 +19,7 @@ const props = defineProps<{
   community: string;
   detailUrl: string;
   wrapper?: string | HTMLElement;
+  cookieDomain: string;
 }>();
 
 const emit = defineEmits<{
@@ -62,7 +62,7 @@ const toggleNoticeVisible = (val?: boolean) => {
   }
   nextTick(() => {
     if (!visibleVmodel.value && isZh.value && getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED) {
-      setCookie(cookieKey.value, NOT_SHOW_BUT_AGREED, 180, COOKIE_DOMAIN ?? location.hostname);
+      setCookie(cookieKey.value, NOT_SHOW_BUT_AGREED, 180, props.cookieDomain ?? location.hostname);
     }
   });
 };
@@ -109,16 +109,16 @@ watch(locale, () => {
 // 用户同意所有cookie
 const acceptAll = () => {
   analysisAllowed.value = true;
-  removeCookie(cookieKey.value, COOKIE_DOMAIN ?? location.hostname);
-  setCookie(cookieKey.value, ALL_AGREED, 180, COOKIE_DOMAIN ?? location.hostname);
+  removeCookie(cookieKey.value, props.cookieDomain ?? location.hostname);
+  setCookie(cookieKey.value, ALL_AGREED, 180, props.cookieDomain ?? location.hostname);
   toggleNoticeVisible(false);
 };
 
 // 用户拒绝所有cookie，即仅同意必要cookie
 const rejectAll = () => {
   analysisAllowed.value = false;
-  removeCookie(cookieKey.value, COOKIE_DOMAIN ?? location.hostname);
-  setCookie(cookieKey.value, NECCESSARY_AGREED, 180, COOKIE_DOMAIN ?? location.hostname);
+  removeCookie(cookieKey.value, props.cookieDomain ?? location.hostname);
+  setCookie(cookieKey.value, NECCESSARY_AGREED, 180, props.cookieDomain ?? location.hostname);
   toggleNoticeVisible(false);
 };