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

package/dist/treeshaking/_virtual/icon-filter.mjs

@@ -2,19 +2,20 @@ import { openBlock, createElementBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
+  width: "24",
+  height: "24",
   viewBox: "0 0 24 24"
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      fill: "currentColor",
-      d: "M18.295 3.2c0.895 0 1.605 0.748 1.605 1.653 0 0.309-0.084 0.612-0.242 0.874l-0.085 0.127-1.476 1.999c-0.23 0.311-0.668 0.377-0.979 0.147-0.283-0.209-0.363-0.59-0.203-0.891l0.055-0.088 1.476-1.999c0.034-0.046 0.054-0.106 0.054-0.169 0-0.123-0.070-0.217-0.153-0.245l-0.052-0.008h-12.59c-0.039 0-0.078 0.014-0.112 0.042-0.087 0.071-0.116 0.206-0.074 0.317l0.034 0.063 5.010 6.783c0.181 0.246 0.292 0.537 0.32 0.842l0.007 0.153 0.018 4.918c0 0.066 0.022 0.126 0.057 0.172l0.039 0.040 1.816 1.43c0.034 0.027 0.072 0.040 0.11 0.040 0.088-0 0.171-0.074 0.197-0.184l0.008-0.070-0.024-6.336c-0.001-0.311 0.083-0.616 0.242-0.879l0.086-0.128 2.149-2.909c0.23-0.311 0.668-0.377 0.979-0.147 0.283 0.209 0.363 0.59 0.203 0.891l-0.055 0.088-2.149 2.909c-0.023 0.031-0.039 0.068-0.048 0.108l-0.006 0.062 0.024 6.336c0.003 0.905-0.704 1.656-1.599 1.659-0.305 0.001-0.602-0.087-0.857-0.251l-0.124-0.089-1.816-1.43c-0.353-0.278-0.575-0.691-0.621-1.138l-0.009-0.169-0.018-4.918c-0-0.042-0.009-0.082-0.025-0.118l-0.029-0.050-5.010-6.783c-0.527-0.714-0.406-1.734 0.278-2.295 0.243-0.199 0.536-0.321 0.844-0.351l0.155-0.008h12.59z"
+      opacity: "0.8",
+      fill: "#000",
+      d: "M17.286 5c0.676 0 1.213 0.546 1.213 1.21 0 0.227-0.064 0.449-0.184 0.641l-0.065 0.093-1.24 1.62c-0.149 0.194-0.433 0.236-0.634 0.092-0.181-0.129-0.234-0.364-0.134-0.551l0.039-0.060 1.24-1.62c0.046-0.060 0.071-0.136 0.071-0.214 0-0.169-0.113-0.302-0.253-0.329l-0.054-0.005h-10.573c-0.064 0-0.126 0.022-0.179 0.064-0.126 0.099-0.162 0.281-0.092 0.426l0.036 0.059 4.207 5.495c0.138 0.18 0.221 0.394 0.243 0.617l0.006 0.112 0.015 3.985c0 0.088 0.033 0.171 0.087 0.232l0.045 0.042 1.525 1.158c0.052 0.040 0.114 0.060 0.176 0.060 0.146-0.001 0.274-0.116 0.301-0.275l0.005-0.062-0.020-5.134c-0.001-0.228 0.063-0.452 0.184-0.645l0.065-0.094 1.804-2.357c0.149-0.194 0.433-0.236 0.634-0.092 0.181 0.129 0.234 0.364 0.134 0.551l-0.039 0.060-1.805 2.357c-0.035 0.045-0.058 0.099-0.067 0.157l-0.005 0.059 0.020 5.134c0.003 0.663-0.533 1.212-1.209 1.214-0.23 0.001-0.454-0.063-0.647-0.183l-0.094-0.064-1.525-1.158c-0.267-0.203-0.436-0.506-0.471-0.834l-0.007-0.124-0.015-3.985c-0-0.059-0.015-0.115-0.041-0.165l-0.030-0.047-4.207-5.495c-0.401-0.523-0.308-1.272 0.211-1.682 0.183-0.145 0.405-0.234 0.637-0.256l0.117-0.006h10.573z"
     }, null, -1)
   ])]);
 }
-const IconFilter = { name: "sig-icon-filter", render };
+const IconFilter = { name: "components-icon-filter", render };
 export {
   IconFilter as default
 };

package/dist/treeshaking/components/activity/OActivityApproval.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/activity/OActivityApproval2.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/activity/OActivityForm.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/activity/OActivityForm2.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/activity/OActivityMyCalendar.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/activity/OActivityMyCalendar2.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/common/ThFilter.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, unref, withCtx, createVNode, Fragment, renderList, withDirectives, createTextVNode, toDisplayString, normalizeClass, normalizeStyle, createCommentVNode, nextTick, h } from "vue";
 import { OPopover, OScroller, OCheckboxGroup, OCheckbox, ODivider, OLink, OIcon, ODropdown, ODropdownItem } from "@opensig/opendesign";
-import IconFilter from "../../_virtual/icon-filter2.mjs";
+import IconFilter from "../../_virtual/icon-filter.mjs";
 import { useI18n } from "../../i18n/index.mjs";
 import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
 const _hoisted_1 = {

package/dist/treeshaking/components/common/TooltipText.vue.mjs

@@ -83,10 +83,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["tooltip-text", __props.type, ellipsis.value && "ellipsis", __props.lines && __props.lines > 1 && "multi-lines"]),
               ref_key: "contentRef",
               ref: contentRef,
-              style: normalizeStyle(`--lines: ${__props.lines};`)
+              style: normalizeStyle(`--lines: ${__props.lines};`),
+              onMouseenter: checkOverflow
             }, [
               renderSlot(_ctx.$slots, "default")
-            ], 6)
+            ], 38)
           ]),
           default: withCtx(() => [
             createElementVNode("div", {

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

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/element-plus/OElCookieNotice2.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-[data-v-667a5ab4]:root {
+:root [class^=el-][data-v-667a5ab4] {
   --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) {
-[data-v-667a5ab4]:root {
+:root [class^=el-][data-v-667a5ab4] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper[data-v-667a5ab4] {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active[data-v-667a5ab4] {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper[data-v-667a5ab4] {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table[data-v-667a5ab4] {
   width: 100%;
 }

package/dist/treeshaking/components/meeting/OMeetingCalendar.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/meeting/OMeetingForm.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/meeting/OMeetingForm2.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/meeting/OMeetingMyCalendar2.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/meeting/components/OMeetingCalendarSelector.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/meeting/components/OMeetingCalendarSelector2.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.css

@@ -6,16 +6,17 @@
     transform: rotate(-180deg);
 }
 }
-:root {
+: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 {
+:root [class^=el-] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
@@ -178,7 +179,6 @@
   --el-table-border-color: var(--o-color-control4) ;
 }
 :root .el-input__wrapper {
-  background: var(--o-color-fill2);
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
@@ -197,9 +197,6 @@
 :root .el-date-editor.el-input__wrapper.is-active {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
 :root .el-calendar .el-calendar-table {
   width: 100%;
 }