@opendesign-plus/components 0.0.1-rc.102 → 0.0.1-rc.103

package/dist/treeshaking/components/element-plus/OElCookieNotice.vue_vue_type_script_setup_true_lang.mjs

@@ -1,288 +0,0 @@
-import { useI18n } from "../../i18n/index.mjs";
-import ClientOnly_default from "../common/ClientOnly.mjs";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
-import { useScreen } from "@opendesign-plus/composables";
-import { ElButton, ElDialog, ElDivider, ElIcon, ElSwitch } from "element-plus";
-import { useVModel } from "@vueuse/core";
-import "element-plus/es/components/button/style/css";
-import "element-plus/es/components/dialog/style/css";
-import "element-plus/es/components/switch/style/css";
-import "element-plus/es/components/icon/style/css";
-import "element-plus/es/components/divider/style/css";
-// src/components/element-plus/OElCookieNotice.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "cookie-notice-content" };
-var _hoisted_2 = ["type"];
-var _hoisted_3 = { class: "cookie-title" };
-var _hoisted_4 = {
-	style: {
-		"width": "1em",
-		"height": "1em"
-	},
-	xmlns: "http://www.w3.org/2000/svg",
-	version: "1.1",
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24"
-};
-var _hoisted_5 = {
-	class: "cookie-zh-title",
-	style: { "margin-top": "0" }
-};
-var _hoisted_6 = ["href"];
-var _hoisted_7 = {
-	key: 1,
-	class: "cookie-en-title"
-};
-var _hoisted_8 = {
-	key: 0,
-	class: "cookie-en-content"
-};
-var _hoisted_9 = { class: "cookie-en-desc" };
-var _hoisted_10 = ["href"];
-var _hoisted_11 = { class: "cookie-notice-right" };
-var _hoisted_12 = { class: "dlg-title" };
-var _hoisted_13 = { class: "cookie-dlg-content" };
-var _hoisted_14 = { class: "content-item" };
-var _hoisted_15 = { class: "item-header" };
-var _hoisted_16 = { class: "item-title" };
-var _hoisted_17 = { class: "item-extra" };
-var _hoisted_18 = { class: "item-detail" };
-var _hoisted_19 = { class: "content-item" };
-var _hoisted_20 = { class: "item-header" };
-var _hoisted_21 = { class: "item-title" };
-var _hoisted_22 = { class: "item-extra" };
-var _hoisted_23 = { class: "item-detail" };
-var NOT_SIGNED = "0";
-var ALL_AGREED = "1";
-var NECCESSARY_AGREED = "2";
-var NOT_SHOW_BUT_AGREED = "3";
-var COOKIE_KEY_ZH = "agreed-cookiepolicy-zh";
-var COOKIE_KEY_EN = "agreed-cookiepolicy-en";
-var OElCookieNotice_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "OElCookieNotice",
-	props: {
-		visible: { type: Boolean },
-		community: {},
-		detailUrl: {},
-		wrapper: {},
-		cookieDomain: {}
-	},
-	emits: ["update:visible"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { lePadV } = useScreen();
-		const { locale, t } = useI18n();
-		const isZh = computed(() => locale.value === "zh");
-		const cookieNoticeRef = ref();
-		const enableGrid = computed(() => {
-			if (cookieNoticeRef.value) return !!getComputedStyle(cookieNoticeRef.value).getPropertyValue("--grid-content-width");
-			return false;
-		});
-		const cookieKey = computed(() => isZh.value ? COOKIE_KEY_ZH : COOKIE_KEY_EN);
-		const analysisAllowed = ref(false);
-		const visibleVmodel = useVModel(props, "visible", emits, { defaultValue: false });
-		const getCookie = (key) => {
-			const cookie = document.cookie.split(";").find((row) => row.split("=")[0].trim() === encodeURIComponent(key));
-			if (!cookie) return null;
-			return decodeURIComponent(cookie.split("=")[1]);
-		};
-		const setCookie = (key, value, days, domain) => {
-			const maxAge = days ? `; max-age=${days * 24 * 60 * 60}` : "";
-			document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)}${maxAge}; path=/; domain=${domain}`;
-		};
-		const toggleNoticeVisible = (val) => {
-			if (typeof val === "boolean") visibleVmodel.value = val;
-			else visibleVmodel.value = !visibleVmodel.value;
-			nextTick(() => {
-				if (!visibleVmodel.value && isZh.value && getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED) setCookie(cookieKey.value, NOT_SHOW_BUT_AGREED, 180, props.cookieDomain ?? location.hostname);
-			});
-		};
-		const isDlgVisible = ref(false);
-		const toggleDlgVisible = (val) => {
-			if (typeof val === "boolean") isDlgVisible.value = val;
-			else isDlgVisible.value = !isDlgVisible.value;
-		};
-		const isNotSigned = () => {
-			if (isZh.value) return getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED;
-			return (getCookie(cookieKey.value) ?? "0") === NOT_SIGNED;
-		};
-		const isAllAgreed = () => {
-			if (isZh.value) return getCookie(cookieKey.value) === NOT_SHOW_BUT_AGREED;
-			return getCookie(cookieKey.value) === ALL_AGREED;
-		};
-		onMounted(() => {
-			if (isNotSigned()) toggleNoticeVisible(true);
-		});
-		watch(locale, () => {
-			toggleNoticeVisible(isNotSigned());
-		});
-		const acceptAll = () => {
-			analysisAllowed.value = true;
-			setCookie(cookieKey.value, ALL_AGREED, 180, props.cookieDomain ?? location.hostname);
-			toggleNoticeVisible(false);
-		};
-		const rejectAll = () => {
-			analysisAllowed.value = false;
-			setCookie(cookieKey.value, NECCESSARY_AGREED, 180, props.cookieDomain ?? location.hostname);
-			toggleNoticeVisible(false);
-		};
-		const handleSave = () => {
-			if (analysisAllowed.value) acceptAll();
-			else rejectAll();
-			toggleDlgVisible(false);
-		};
-		const handleAllowAll = () => {
-			analysisAllowed.value = true;
-			acceptAll();
-			toggleDlgVisible(false);
-		};
-		const onDlgOpening = () => {
-			analysisAllowed.value = isAllAgreed();
-		};
-		__expose({ check() {
-			if (isAllAgreed() === visibleVmodel.value) toggleNoticeVisible();
-		} });
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ClientOnly_default, null, {
-				default: withCtx(() => [(openBlock(), createBlock(Teleport, { to: __props.wrapper || "#app" }, [unref(visibleVmodel) ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					ref_key: "cookieNoticeRef",
-					ref: cookieNoticeRef,
-					class: "cookie-notice"
-				}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", {
-					type: unref(locale),
-					class: normalizeClass({
-						"cookie-notice-wrap-grid": enableGrid.value,
-						"cookie-notice-wrap": !enableGrid.value
-					})
-				}, [createElementVNode("div", _hoisted_3, [isZh.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(ElIcon), { style: {
-					"transform": "rotate(180deg)",
-					"font-size": "24px",
-					"margin-right": "4px"
-				} }, {
-					default: withCtx(() => [(openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[5] || (_cache[5] = [createElementVNode("path", {
-						fill: "#002fa7",
-						d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9c0-4.971 4.029-9 9-9s9 4.029 9 9z"
-					}, null, -1), createElementVNode("path", {
-						fill: "#fff",
-						d: "M12 9.4c0.552 0 1-0.448 1-1s-0.448-1-1-1c-0.552 0-1 0.448-1 1s0.448 1 1 1zM12.492 10.943c-0.042-0.233-0.246-0.41-0.492-0.41-0.276 0-0.5 0.224-0.5 0.5v5.5l0.008 0.090c0.042 0.233 0.246 0.41 0.492 0.41 0.276 0 0.5-0.224 0.5-0.5v-5.5l-0.008-0.090z"
-					}, null, -1)])]))]),
-					_: 1
-				}), createElementVNode("p", _hoisted_5, [createTextVNode(toDisplayString(unref(t)("cookie.desc")) + " ", 1), createElementVNode("a", {
-					href: __props.detailUrl,
-					target: "_blank",
-					rel: "noopener noreferrer"
-				}, toDisplayString(unref(t)("cookie.about")), 9, _hoisted_6)])], 64)) : (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(unref(t)("cookie.title", [__props.community])), 1)), createVNode(unref(ElIcon), {
-					class: "cookie-notice-close",
-					onClick: _cache[0] || (_cache[0] = ($event) => toggleNoticeVisible(false))
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "close-icon", {}, () => [_cache[6] || (_cache[6] = createElementVNode("svg", {
-						xmlns: "http://www.w3.org/2000/svg",
-						viewBox: "0 0 24 24"
-					}, [createElementVNode("path", {
-						fill: "currentColor",
-						d: "M18.528 5.472a.7.7 0 0 1 .074.903l-.074.087L12.988 12l.006.006-.989.989-.006-.006-5.538 5.54a.7.7 0 0 1-1.064-.903l.074-.087L11.009 12 5.471 6.462l-.074-.087a.7.7 0 0 1 .977-.977l.087.074 5.538 5.539 5.539-5.539a.7.7 0 0 1 .99 0m-3.977 8.089 3.978 3.978.074.087a.7.7 0 0 1-.977.977l-.087-.074-3.978-3.978a.7.7 0 0 1 .99-.99"
-					})], -1))], true)]),
-					_: 3
-				})]), !isZh.value ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("p", _hoisted_9, [
-					createTextVNode(toDisplayString(unref(t)("cookie.desc")) + " ", 1),
-					createElementVNode("a", {
-						href: __props.detailUrl,
-						target: "_blank",
-						rel: "noopener noreferrer"
-					}, toDisplayString(unref(t)("cookie.about")), 9, _hoisted_10),
-					_cache[7] || (_cache[7] = createTextVNode(". ", -1))
-				]), createElementVNode("div", _hoisted_11, [
-					createVNode(unref(ElButton), {
-						round: "",
-						type: "primary",
-						onClick: acceptAll
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.acceptAll")), 1)]),
-						_: 1
-					}),
-					createVNode(unref(ElButton), {
-						round: "",
-						type: "primary",
-						onClick: rejectAll
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.rejectAll")), 1)]),
-						_: 1
-					}),
-					createVNode(unref(ElButton), {
-						round: "",
-						type: "primary",
-						onClick: _cache[1] || (_cache[1] = ($event) => toggleDlgVisible(true))
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.manage")), 1)]),
-						_: 1
-					})
-				])])) : createCommentVNode("", true)], 10, _hoisted_2)]), createVNode(unref(ElDialog), {
-					"show-close": false,
-					class: normalizeClass({
-						"cookie-dlg-bottom": unref(lePadV),
-						"grid-width-dlg": enableGrid.value
-					}),
-					modelValue: isDlgVisible.value,
-					"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isDlgVisible.value = $event),
-					"destroy-on-close": "",
-					onOpen: onDlgOpening
-				}, {
-					header: withCtx(() => [!unref(lePadV) ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: "dlg-close-icon",
-						onClick: _cache[2] || (_cache[2] = ($event) => isDlgVisible.value = false)
-					}, [..._cache[8] || (_cache[8] = [createElementVNode("svg", {
-						viewBox: "0 0 24 24",
-						class: "o-icon-close"
-					}, [createElementVNode("path", {
-						fill: "currentColor",
-						d: "M18.528 5.472a.7.7 0 0 1 .074.903l-.074.087L12.988 12l.006.006-.989.989-.006-.006-5.538 5.54a.7.7 0 0 1-1.064-.903l.074-.087L11.009 12 5.471 6.462l-.074-.087a.7.7 0 0 1 .977-.977l.087.074 5.538 5.539 5.539-5.539a.7.7 0 0 1 .99 0m-3.977 8.089 3.978 3.978.074.087a.7.7 0 0 1-.977.977l-.087-.074-3.978-3.978a.7.7 0 0 1 .99-.99"
-					})], -1)])])) : createCommentVNode("", true), createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("cookie.manage")), 1)]),
-					footer: withCtx(() => [unref(lePadV) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-						createVNode(unref(ElButton), {
-							type: "text",
-							onClick: handleSave
-						}, {
-							default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.saveSetting")), 1)]),
-							_: 1
-						}),
-						createVNode(unref(ElDivider), {
-							direction: "vertical",
-							style: { "margin": "0 24px" }
-						}),
-						createVNode(unref(ElButton), {
-							type: "text",
-							onClick: handleAllowAll
-						}, {
-							default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.acceptAll")), 1)]),
-							_: 1
-						})
-					], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ElButton), {
-						round: "",
-						type: "primary",
-						onClick: handleSave
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.saveSetting")), 1)]),
-						_: 1
-					}), createVNode(unref(ElButton), {
-						round: "",
-						type: "primary",
-						onClick: handleAllowAll
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.acceptAll")), 1)]),
-						_: 1
-					})], 64))]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_13, [createElementVNode("div", _hoisted_14, [createElementVNode("div", _hoisted_15, [createElementVNode("span", _hoisted_16, toDisplayString(unref(t)("cookie.necessaryCookie")), 1), createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("cookie.alwaysOn")), 1)]), createElementVNode("div", _hoisted_18, toDisplayString(unref(t)("cookie.necessaryCookieDetail")), 1)]), createElementVNode("div", _hoisted_19, [createElementVNode("div", _hoisted_20, [createElementVNode("span", _hoisted_21, toDisplayString(unref(t)("cookie.analyticalCookie")), 1), createElementVNode("span", _hoisted_22, [createVNode(unref(ElSwitch), {
-						modelValue: analysisAllowed.value,
-						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => analysisAllowed.value = $event)
-					}, null, 8, ["modelValue"])])]), createElementVNode("div", _hoisted_23, toDisplayString(unref(t)("cookie.analyticalCookieDetail")), 1)])])]),
-					_: 1
-				}, 8, ["class", "modelValue"])], 512)) : createCommentVNode("", true)], 8, ["to"]))]),
-				_: 3
-			});
-		};
-	}
-});
-export { OElCookieNotice_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/element-plus/OElCookieNotice.vue_vue_type_style_index_0_lang.css

@@ -1,303 +0,0 @@
-.hover-icon-rotate .o-icon {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
-    transform: rotate(-180deg);
-}
-}
-:root [class^=el-] {
-  --el-color-primary: var(--o-color-primary1);
-  --el-border-color: var(--o-color-control1);
-  --el-fill-color-blank: var(--o-color-control5-light);
-  --el-input-placeholder-color: var(--el-text-color-placeholder);
-  --el-input-hover-border-color: var(--el-border-color-hover);
-  --el-input-clear-hover-color: var(--el-text-color-secondary);
-  --el-component-size-large: 36px;
-}
-@media (max-width: 840px) {
-:root [class^=el-] {
-    --el-component-size-large: var(--o-control_size-l);
-}
-}
-:root .el-date-editor.el-date-editor--daterange {
-  padding: 0 13px 0 15px;
-}
-:root .el-date-editor.el-date-editor--timerange {
-  padding: 0 16px;
-}
-:root .el-date-editor input {
-  text-align: left;
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-:root .el-date-editor .el-select__wrapper {
-  gap: 0;
-}
-:root .el-date-editor .el-input__wrapper .el-input__prefix {
-  order: 1;
-  font-size: 16px;
-}
-:root .el-date-editor .el-input__icon {
-  height: 100%;
-  order: 1;
-  font-size: 24px;
-  margin-right: 2px;
-  color: var(--o-color-info1);
-  background-color: var(--o-color-info2);
-  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
-  background-size: 24px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-:root .el-date-editor .el-input__icon svg {
-  display: none;
-}
-:root .el-popper .el-popper__arrow {
-  display: none;
-}
-:root .el-popper .el-picker-panel {
-  --cell-row-gap: 6px;
-  --cell-radius: var(--o-radius-xs);
-  color: var(--o-color-info1);
-}
-:root .el-popper .el-picker-panel .el-date-picker__header {
-  padding: 12px 24px;
-  height: 48px;
-  border-bottom: 1px solid var(--o-color-control4);
-}
-:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
-  font-weight: 500;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
-  border-bottom: none;
-  height: 24px;
-  color: inherit;
-  padding: 0 0 var(--cell-row-gap);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
-  padding: var(--cell-row-gap) 0px;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
-  padding: 0;
-  height: 24px;
-  line-height: 22px;
-  border: 1px solid transparent;
-  border-radius: var(--cell-radius);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
-  border-color: var(--o-color-primary1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
-  background: none;
-  color: var(--o-color-info4);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
-  background: var(--o-color-control2-light);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
-  font-weight: normal;
-  color: var(--o-color-info1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
-  background: var(--o-color-primary1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
-  background: none;
-  color: #fff;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
-  border-radius: 0;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
-  border-radius: var(--cell-radius);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
-  border-radius: var(--cell-radius);
-}
-:root .el-input {
-  --el-border-color: var(--o-color-control1);
-  --el-input-border-color: var(--o-color-control1);
-  --el-input-hover-border-color: var(--o-color-primary2);
-  --el-input-focus-border-color: var(--o-color-primary3);
-}
-:root .el-table {
-  --el-table-border-color: var(--o-color-control4) ;
-}
-:root .el-input__wrapper {
-  box-shadow: none;
-  border: 1px solid var(--el-input-border-color);
-}
-:root .el-date-editor.is-focus .el-input__wrapper {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-date-editor:hover .el-input__wrapper {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-date-editor.el-input__wrapper:hover {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-date-editor.el-input__wrapper.is-active {
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-calendar .el-calendar-table {
-  width: 100%;
-}
-:root .el-calendar .el-calendar-table th {
-  color: var(--o-color-info3);
-  font-weight: 400;
-  padding: 4px 0 16px 0;
-  text-align: center;
-}
-:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
-  color: var(--o-color-info4);
-}
-:root .el-select .el-select__placeholder {
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-:root .el-input-number {
-  --el-component-size-large: 34px;
-}
-@media (max-width: 840px) {
-:root .el-input-number {
-    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
-}
-}
-:root .el-input-number .el-input__wrapper:hover {
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-input-number .el-input__wrapper.is-focus {
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
-:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
-  box-shadow: none;
-}
-:root .el-input-number .el-input__wrapper {
-  box-shadow: none;
-}
-:root .el-input-number .el-input__wrapper.is-focus {
-  box-shadow: none;
-}
-:root .el-input-number.el-input-number--large {
-  line-height: var(--el-component-size-large);
-}
-.cookie-dlg-bottom {
-  margin: 0;
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-}