@opendesign-plus-test/components 0.0.1-rc.64 → 0.0.1-rc.66

package/dist/cjs/components/common/AppAvatar.css

@@ -0,0 +1,20 @@
+.hover-icon-rotate .o-icon[data-v-340348ce] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-340348ce] {
+    transform: rotate(-180deg);
+}
+}
+.img-avatar[data-v-340348ce] {
+  background-color: transparent !important;
+}
+.word-avatar[data-v-340348ce] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--o-color-info1-inverse);
+}
+.round[data-v-340348ce] {
+  border-radius: 50%;
+}

package/dist/cjs/components/common/AppAvatar.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./AppAvatar.vue2.js");;require('./AppAvatar.css');const r=require("../../_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-340348ce"]]);module.exports=t;

package/dist/cjs/components/common/AppAvatar.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=["src"],u=e.defineComponent({__name:"AppAvatar",props:{avatar:{type:String,default:""},name:{type:String,default:"",required:!0},size:{type:String,default:"medium"},customSize:{type:Number,default:0},variant:{type:String,default:"round"}},setup(a){const r=a,i=["#058EF0","#FA7305","#03B5A5"],s=e.computed(()=>{var t;return(t=r.name)==null?void 0:t.charAt(0).toUpperCase()}),l=e.computed(()=>{var o;const t={"background-color":"",width:"32px",height:"32px","font-size":"20px"};t["background-color"]=r.name?i[((o=r.name)==null?void 0:o.length)%i.length]:"transparent";let n=0;return r.customSize?n=Number(r.customSize):n={mini:16,small:24,medium:40,large:64}[r.size],t.height=`${n}px`,t.width=`${n}px`,t["font-size"]=`${n/2}px`,t});return(t,n)=>a.avatar&&!a.avatar.includes("gitcode")?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.avatar,class:e.normalizeClass(["img-avatar",a.variant]),style:e.normalizeStyle(l.value),alt:""},null,14,c)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["word-avatar",a.variant]),style:e.normalizeStyle(l.value)},e.toDisplayString(s.value),7))}});module.exports=u;

package/dist/cjs/components/common/ClientOnly.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=e.defineComponent({__name:"ClientOnly",setup(o){const t=e.ref(!1);return e.onMounted(()=>{t.value=!0}),(n,s)=>t.value?e.renderSlot(n.$slots,"default",{key:0}):e.createCommentVNode("",!0)}});module.exports=r;

package/dist/cjs/components/common/ClientOnly.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ClientOnly.vue.js");module.exports=e;

package/dist/cjs/components/common/ContentWrapper.css

@@ -0,0 +1,39 @@
+.hover-icon-rotate .o-icon[data-v-0b8705aa] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-0b8705aa] {
+    transform: rotate(-180deg);
+}
+}
+.content-wrapper[data-v-0b8705aa] {
+  --layout-content-max-width: 1544px;
+  --layout-content-padding: 64px;
+  --layout-header-height: 80px;
+}
+@media (max-width: 1680px) {
+.content-wrapper[data-v-0b8705aa] {
+    --layout-content-max-width: 100%;
+    --layout-content-padding: 40px;
+}
+}
+@media (max-width: 1200px) {
+.content-wrapper[data-v-0b8705aa] {
+    --layout-content-padding: 32px;
+}
+}
+@media (max-width: 600px) {
+.content-wrapper[data-v-0b8705aa] {
+    --layout-content-padding: 24px;
+}
+}
+.content-wrapper[data-v-0b8705aa] {
+  max-width: var(--layout-content-max-width);
+  padding-left: var(--layout-content-padding);
+  padding-right: var(--layout-content-padding);
+  margin: 0 auto;
+  --content-wrapper-vertical-paddingTop: 72px;
+  --content-wrapper-vertical-paddingBottom: 72px;
+  padding-top: var(--content-wrapper-vertical-paddingTop);
+  padding-bottom: var(--content-wrapper-vertical-paddingBottom);
+}

package/dist/cjs/components/common/ContentWrapper.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ContentWrapper.vue2.js");;require('./ContentWrapper.css');const r=require("../../_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-0b8705aa"]]);module.exports=t;

package/dist/cjs/components/common/ContentWrapper.vue2.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),n=require("@opensig/opendesign"),l=t.defineComponent({__name:"ContentWrapper",props:{verticalPadding:{type:[Boolean,String,Array],default:void 0}},setup(d){const r=Symbol("default"),e=d,i=t.computed(()=>e.verticalPadding?n.isBoolean(e.verticalPadding)?r:n.isString(e.verticalPadding)?e.verticalPadding:e.verticalPadding[0]:0),a=t.computed(()=>e.verticalPadding?n.isBoolean(e.verticalPadding)?r:n.isString(e.verticalPadding)?e.verticalPadding:n.isUndefined(e.verticalPadding[1])?e.verticalPadding[0]:e.verticalPadding[1]:0);return(o,c)=>(t.openBlock(),t.createElementBlock("div",{class:"content-wrapper",style:t.normalizeStyle({"--content-wrapper-vertical-paddingTop":i.value===t.unref(r)?void 0:i.value,"--content-wrapper-vertical-paddingBottom":a.value===t.unref(r)?void 0:a.value})},[t.renderSlot(o.$slots,"default",{},void 0,!0)],4))}});module.exports=l;

package/dist/cjs/components/common/MoreText.css

@@ -0,0 +1,69 @@
+.hover-icon-rotate .o-icon[data-v-4776f8a2] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-4776f8a2] {
+    transform: rotate(-180deg);
+}
+}
+.more-text-wrapper .more-text-content[data-v-4776f8a2] {
+  line-height: 22px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  white-space: pre-wrap;
+  word-break: break-all;
+  transition: height 0.1s;
+}
+.more-text-wrapper .more-text-content.is-link[data-v-4776f8a2] {
+  color: var(--o-color-primary1);
+  cursor: pointer;
+}
+@media (hover: hover) {
+.more-text-wrapper .more-text-content.is-link[data-v-4776f8a2]:hover {
+    color: var(--o-color-primary2);
+}
+}
+.more-text-wrapper .more-text-btn[data-v-4776f8a2] {
+  color: var(--o-color-primary1);
+}
+@media (hover: hover) {
+.more-text-wrapper .more-text-btn[data-v-4776f8a2]:hover {
+    color: var(--o-color-primary2);
+}
+}
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+  height: 22px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  column-gap: 4px;
+  justify-content: flex-end;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}

package/dist/cjs/components/common/MoreText.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./MoreText.vue2.js");;require('./MoreText.css');const r=require("../../_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-4776f8a2"]]);module.exports=t;

package/dist/cjs/components/common/MoreText.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@opensig/opendesign"),m=require("../../i18n/index.js"),h={class:"more-text-wrapper"},p={key:0},k={key:1},g=e.defineComponent({__name:"MoreText",props:{text:{default:""},link:{type:Boolean,default:!1},lines:{default:3},show:{type:Boolean,default:!1}},setup(l){const c=l,{t:i}=m.useI18n(),o=e.ref(!1),a=e.ref(!1),r=e.ref(0),u=e.ref(null);e.onMounted(()=>{d()}),e.watch([()=>c.text,()=>c.show],()=>{d()});const d=()=>{e.nextTick(()=>{const t=u.value;if(t){const n=document.createRange();n.setStart(t,0),n.setEnd(t,t.childNodes.length),a.value=n.getBoundingClientRect().height>t.offsetHeight+10||t.scrollHeight>t.offsetHeight+10,r.value=n.getBoundingClientRect().height||t.scrollHeight}else a.value=!1})},f=()=>{c.link&&window.open(c.text)};return(t,n)=>(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("div",{class:e.normalizeClass(["more-text-content",l.link&&"is-link"]),ref_key:"contentRef",ref:u,style:e.normalizeStyle({"max-height":o.value?r.value+"px":"66px","-webkit-line-clamp":o.value?"initial":l.lines}),onClick:f},e.toDisplayString(l.text),7),a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"more-text-btn",onClick:n[0]||(n[0]=v=>o.value=!o.value)},[o.value?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("span",null,e.toDisplayString(e.unref(i)("common.collapse")),1),e.createVNode(e.unref(s.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(s.OIconChevronUp))]),_:1})])):(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("span",null,e.toDisplayString(e.unref(i)("common.expand")),1),e.createVNode(e.unref(s.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(s.OIconChevronDown))]),_:1})]))])):e.createCommentVNode("",!0)]))}});module.exports=g;

package/dist/cjs/components/common/ThFilter.css

@@ -0,0 +1,146 @@
+.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);
+}
+}
+.th-filter-wrapper {
+  display: flex;
+  column-gap: var(--o-gap-2);
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.th-filter-wrapper > span:first-child {
+  word-break: keep-all;
+}
+.filter-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.filter-wrapper > * {
+  flex-shrink: 0;
+}
+.filter-wrapper .filter-hover-icon {
+  display: none;
+}
+.filter-wrapper .filter-icon {
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.filter-wrapper .filter-icon {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.filter-wrapper .filter-icon {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.filter-wrapper .filter-icon {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.filter-wrapper .filter-icon {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.filter-wrapper:hover .filter-icon, .filter-wrapper.has-checked .filter-icon {
+  color: var(--o-color-primary1);
+}
+.filter-wrapper:hover .o-icon path, .filter-wrapper.has-checked .o-icon path {
+  fill: currentColor;
+}
+.th-filter-dropdown .o-dropdown-item {
+  min-width: 80px;
+  max-width: calc(var(--table-width, 300) * 0.8px);
+  --dropdown-item-justify: flex-start;
+  --dropdown-item-padding: 7px 12px;
+}
+.th-filter-dropdown .o-dropdown-item.is-active {
+  font-weight: 500;
+  background-color: var(--dropdown-item-bg-color-hover);
+  color: var(--dropdown-item-color-hover);
+}
+.th-filter-popover {
+  --popup-radius: var(--o-radius-xs);
+}
+.th-filter-popover .o-popup-body {
+  padding: var(--o-gap-2) 0 0 0;
+}
+.th-filter-popover .list-content-wrapper {
+  display: flex;
+}
+.th-filter-popover .list-content-wrapper .o-scrollbar-wrapper:first-child {
+  border-right: 1px solid rgb(224, 226, 230);
+}
+.th-filter-popover .content-wrapper {
+  padding: 0 var(--o-gap-4);
+  overflow: auto;
+  max-height: 300px;
+}
+.th-filter-popover .content-wrapper .o-checkbox-group {
+  flex-shrink: 0;
+}
+.th-filter-popover .content-wrapper .o-checkbox-label {
+  flex-grow: 1;
+}
+.th-filter-popover .content-wrapper .o-checkbox-label .label-wrapper {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.th-filter-popover .content-wrapper .o-checkbox-label .label-wrapper .o-svg-icon {
+  font-size: 24px;
+}
+.th-filter-popover .btn-wrapper {
+  min-width: 158px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: var(--o-gap-3);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.th-filter-popover .btn-wrapper {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.th-filter-popover .btn-wrapper {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.th-filter-popover .btn-wrapper {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.th-filter-popover .btn-wrapper {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.th-filter-popover .btn-wrapper .o-link {
+  width: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/dist/cjs/components/common/ThFilter.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@opensig/opendesign"),x=require("../../icons/icon-filter.js"),E=require("../../i18n/index.js"),D=require("vue-dompurify-html"),S={class:"th-filter-wrapper",ref:"filterRef"},T={key:1,class:"list-content-wrapper"},L={class:"btn-wrapper"},q=e.defineComponent({__name:"ThFilter",props:{modelValue:{},list:{default:()=>[]},multiple:{type:Boolean,default:!1},tableWidth:{}},emits:["update:model-value","confirm"],setup(i,{emit:b}){const k=D.buildVueDompurifyHTMLDirective(),{t:m}=E.useI18n(),s=i,w=b,p=e.computed(()=>s.list.some(l=>{var a;return(a=l.children)==null?void 0:a.length})),d=e.computed(()=>s.list.map(l=>{const a=(l.children||[]).map(o=>({label:o.label,value:o.value}));return{label:l.label,value:l.value,children:p.value?a:void 0}})),v=e.ref(!1);e.watch(()=>s.modelValue,l=>{s.multiple?u.value=l:r.value=l});const u=e.ref([]),g=l=>{u.value=l},c=e.ref([]),r=e.ref(null),C=l=>{r.value===l?r.value=null:r.value=l,f()},N=()=>{u.value=[],c.value=[],r.value=null,f()},f=()=>{let l=null;s.multiple?p.value?l=c.value:l=u.value:l=r.value,w("update:model-value",l),v.value=!0,e.nextTick(()=>{w("confirm"),v.value=!1})},V=e.computed(()=>u.value.length||c.value.length||r.value||s.modelValue),y=e.ref(null),B=async l=>{var t,h;const a=l.target.parentElement.parentElement;await e.nextTick();const o=a.querySelector("input");o.click(),await e.nextTick(),(t=o.change)==null||t.call(o,o),await e.nextTick(),(h=y.value)==null||h.$forceUpdate(),c.value=JSON.parse(JSON.stringify(c.value))},O=({data:l})=>e.h("span",{onclick:B},l.label);return(l,a)=>{const o=e.resolveComponent("ElCascaderPanel");return e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("span",null,[e.renderSlot(l.$slots,"default")]),i.multiple?(e.openBlock(),e.createBlock(e.unref(n.OPopover),{key:0,visible:v.value,position:"bottom",wrapClass:"th-filter-popover",trigger:"click",anchor:!1},{target:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["filter-wrapper",V.value&&"has-checked"])},[e.createVNode(e.unref(n.OIcon),{class:"filter-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(x))]),_:1})],2)]),default:e.withCtx(()=>[p.value?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(o,{ref_key:"aref",ref:y,expandTrigger:"hover",renderLabel:O,modelValue:c.value,"onUpdate:modelValue":a[1]||(a[1]=t=>c.value=t),style:{width:"fit-content"},options:d.value,props:{multiple:!0,expandTrigger:"hover"}},null,8,["modelValue","options"])])):(e.openBlock(),e.createBlock(e.unref(n.OScroller),{key:0,class:"content-wrapper","show-type":"hover","disabled-x":""},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OCheckboxGroup),{direction:"v",onChange:g,modelValue:u.value,"onUpdate:modelValue":a[0]||(a[0]=t=>u.value=t)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,t=>(e.openBlock(),e.createBlock(e.unref(n.OCheckbox),{key:t.value,value:t.value},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("span",null,null,512),[[e.unref(k),t.label]])]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"])]),_:1})),e.createVNode(e.unref(n.ODivider)),e.createElementVNode("div",L,[e.createVNode(e.unref(n.OLink),{onClick:N},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(m)("common.reset")),1)]),_:1}),e.createVNode(e.unref(n.OLink),{onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(m)("common.confirm")),1)]),_:1})])]),_:1},8,["visible"])):(e.openBlock(),e.createBlock(e.unref(n.ODropdown),{key:1,optionPosition:"bottom",optionWrapClass:"th-filter-dropdown",modelValue:r.value,"onUpdate:modelValue":a[3]||(a[3]=t=>r.value=t)},{dropdown:e.withCtx(()=>[d.value.length?(e.openBlock(),e.createBlock(e.unref(n.OScroller),{key:0,"disabled-x":"",style:{"max-height":"300px"},"show-type":"always"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ODropdownItem),{style:e.normalizeStyle({"--table-width":i.tableWidth}),class:e.normalizeClass([{"is-active":i.modelValue===""}]),value:"''",label:e.unref(m)("common.all"),onClick:a[2]||(a[2]=t=>C(""))},null,8,["style","class","label"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,t=>(e.openBlock(),e.createBlock(e.unref(n.ODropdownItem),{style:e.normalizeStyle({"--table-width":i.tableWidth}),class:e.normalizeClass([{"is-active":t.value===i.modelValue}]),key:t.value,value:t.value,onClick:h=>C(t.value)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("span",null,null,512),[[e.unref(k),t.label]])]),_:2},1032,["style","class","value","onClick"]))),128))]),_:1})):e.createCommentVNode("",!0),d.value.length?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"empty",{key:1})]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["filter-wrapper",V.value&&"has-checked"])},[e.createVNode(e.unref(n.OIcon),{class:"filter-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(x))]),_:1})],2)]),_:3},8,["modelValue"]))],512)}}});module.exports=q;

package/dist/cjs/components/common/ThFilter.vue3.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ThFilter.vue.js");;require('./ThFilter.css');module.exports=e;

package/dist/cjs/components/config-provider/OPlusConfigProvider.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("@opensig/opendesign"),l=require("@opensig/opendesign/es/locale/lang/zh-cn"),i=require("@opensig/opendesign/es/locale/lang/en-us"),u=require("../../shared/provide.js"),s=e.defineComponent({__name:"OPlusConfigProvider",props:{locale:{},theme:{default:"light"}},setup(o){const r=o,t=e.reactive({locale:e.computed(()=>r.locale),theme:e.computed(()=>r.theme)});return e.provide(u.configProviderInjectKey,t),(n,a)=>(e.openBlock(),e.createBlock(e.unref(c.OConfigProvider),{locale:o.locale==="zh"?e.unref(l):e.unref(i)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["locale"]))}});module.exports=s;

package/dist/cjs/components/config-provider/OPlusConfigProvider.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("./OPlusConfigProvider.vue.js");module.exports=e;

package/dist/cjs/components/config-provider/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./OPlusConfigProvider.vue.js"),r=Object.assign(e,{install(o){o.component("OPlusConfigProvider",e)}});exports.OPlusConfigProvider=r;

package/dist/cjs/components/cookie-notice/OCookieNotice.css

@@ -0,0 +1,35 @@
+.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);
+}
+}
+.o-cookie-notice-dlg-main {
+  --dlg-edge-gap: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px 24px;
+}
+}
+.o-cookie-notice-dlg-main {
+  --dlg-width: var(--grid-14);
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px;
+    --dlg-width: var(--grid-8);
+}
+}
+@media (max-width: 840px) {
+.o-cookie-notice-dlg-main {
+    --dlg-width: 100vw;
+}
+}

package/dist/cjs/components/cookie-notice/OCookieNotice.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./OCookieNotice.vue2.js");;require('./OCookieNotice.css');;require('./OCookieNotice2.css');const r=require("../../_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-b731c798"]]);module.exports=t;

package/dist/cjs/components/cookie-notice/OCookieNotice.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),U=require("../common/ClientOnly.vue.js"),$=require("@opendesign-plus/composables"),q=require("../../i18n/index.js"),c=require("@opensig/opendesign"),G=require("@vueuse/core"),M={class:"cookie-notice-content"},K=["type"],L={class:"cookie-title"},P={style:{transform:"rotate(180deg)"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24"},Y={class:"cookie-zh-title",style:{"margin-top":"0"}},j=["href"],H={key:1,class:"cookie-en-title"},Z={key:0,class:"cookie-en-content"},F={class:"cookie-en-desc"},J=["href"],W={class:"cookie-notice-right"},Q={class:"cookie-dlg-title"},X={class:"cookie-dlg-content"},ee={class:"content-item"},oe={class:"item-header"},te={class:"item-title"},le={class:"item-extra"},ne={class:"item-detail"},ie={class:"content-item"},ae={class:"item-header"},ce={class:"item-title"},se={class:"item-extra"},re={class:"item-detail"},de="0",D="1",ue="2",g="3",me="agreed-cookiepolicy-zh",pe="agreed-cookiepolicy-en",fe=e.defineComponent({__name:"OCookieNotice",props:{visible:{type:Boolean},community:{},detailUrl:{},wrapper:{},cookieDomain:{}},emits:["update:visible"],setup(m,{expose:w,emit:S}){const s=m,b=S,{lePadV:B,leLaptop:A,isPhone:O}=$.useScreen(),{locale:_,t}=q.useI18n(),r=e.computed(()=>_.value==="zh"),h=e.ref(),y=e.computed(()=>h.value?!!getComputedStyle(h.value).getPropertyValue("--grid-content-width"):!1),n=e.computed(()=>r.value?me:pe),i=e.ref(!1),d=G.useVModel(s,"visible",b,{defaultValue:!1}),p=l=>{const o=document.cookie.split(";").find(a=>a.split("=")[0].trim()===encodeURIComponent(l));return o?decodeURIComponent(o.split("=")[1]):null},V=(l,o,a,I)=>{const R=`; max-age=${a*24*60*60}`;document.cookie=`${encodeURIComponent(l)}=${encodeURIComponent(o)}${R}; path=/; domain=${I}`},C=(l,o)=>{document.cookie=`${encodeURIComponent(l)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${o}`},u=l=>{typeof l=="boolean"?d.value=l:d.value=!d.value,e.nextTick(()=>{!d.value&&r.value&&p(n.value)!==g&&V(n.value,g,180,s.cookieDomain??location.hostname)})},f=e.ref(!1),k=l=>{typeof l=="boolean"?f.value=l:f.value=!f.value},E=()=>r.value?p(n.value)!==g:(p(n.value)??"0")===de,x=()=>r.value?p(n.value)===g:p(n.value)===D;e.onMounted(()=>{E()&&u(!0)}),e.watch(_,()=>{u(E())});const v=()=>{i.value=!0,C(n.value,s.cookieDomain??location.hostname),V(n.value,D,180,s.cookieDomain??location.hostname),u(!1)},N=()=>{i.value=!1,C(n.value,s.cookieDomain??location.hostname),V(n.value,ue,180,s.cookieDomain??location.hostname),u(!1)},T=e.computed(()=>O.value?[{id:"save",label:t("cookie.saveSetting"),variant:"text",onClick:()=>{i.value?v():N(),k(!1)}},{id:"allowAll",label:t("cookie.acceptAll"),variant:"text",onClick:()=>{i.value=!0,v(),k(!1)}}]:[{id:"save",color:"primary",label:t("cookie.saveSetting"),variant:"outline",size:"medium",round:"pill",onClick:()=>{i.value?v():N(),k(!1)}},{id:"allowAll",color:"primary",label:t("cookie.acceptAll"),variant:"outline",size:"medium",round:"pill",onClick:()=>{i.value=!0,v(),k(!1)}}]),z=l=>{l&&(i.value=x())};return w({check(){x()===d.value&&u()}}),(l,o)=>(e.openBlock(),e.createBlock(U,null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{to:m.wrapper||"#app"},[e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"cookieNoticeRef",ref:h,class:"cookie-notice"},[e.createElementVNode("div",M,[e.createElementVNode("div",{type:e.unref(_),class:e.normalizeClass({"cookie-notice-wrap-grid":y.value,"cookie-notice-wrap":!y.value})},[e.createElementVNode("div",L,[r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(c.OIcon),{style:{display:"inline-block","font-size":"24px","margin-right":"4px"}},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",P,[...o[4]||(o[4]=[e.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),e.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}),e.createElementVNode("p",Y,[e.createTextVNode(e.toDisplayString(e.unref(t)("cookie.desc"))+" ",1),e.createElementVNode("a",{href:m.detailUrl,target:"_blank",rel:"noopener noreferrer"},e.toDisplayString(e.unref(t)("cookie.about")),9,j)])],64)):(e.openBlock(),e.createElementBlock("p",H,e.toDisplayString(e.unref(t)("cookie.title",[m.community])),1)),e.createVNode(e.unref(c.OIcon),{class:"cookie-notice-close",onClick:o[0]||(o[0]=a=>u(!1))},{default:e.withCtx(()=>[e.createVNode(e.unref(c.OIconClose))]),_:1})]),r.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("p",F,[e.createTextVNode(e.toDisplayString(e.unref(t)("cookie.desc"))+" ",1),e.createElementVNode("a",{href:m.detailUrl,target:"_blank",rel:"noopener noreferrer"},e.toDisplayString(e.unref(t)("cookie.about")),9,J),o[5]||(o[5]=e.createTextVNode(". ",-1))]),e.createElementVNode("div",W,[e.createVNode(e.unref(c.OButton),{round:"pill",variant:"outline",color:"primary",onClick:v},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("cookie.acceptAll")),1)]),_:1}),e.createVNode(e.unref(c.OButton),{round:"pill",variant:"outline",color:"primary",onClick:N},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("cookie.rejectAll")),1)]),_:1}),e.createVNode(e.unref(c.OButton),{round:"pill",variant:"outline",color:"primary",onClick:o[1]||(o[1]=a=>k(!0))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("cookie.manage")),1)]),_:1})])]))],10,K)]),e.createVNode(e.unref(c.ODialog),{visible:f.value,"onUpdate:visible":o[3]||(o[3]=a=>f.value=a),size:e.unref(A)?"medium":"large","phone-half-full":e.unref(B),"main-class":y.value?"o-cookie-notice-dlg-main":"",class:"cookie-dlg",actions:T.value,onChange:z,style:{"--dlg-radius":"4px"}},{header:e.withCtx(()=>[e.createElementVNode("span",Q,e.toDisplayString(e.unref(t)("cookie.manage")),1)]),default:e.withCtx(()=>[e.createElementVNode("div",X,[e.createElementVNode("div",ee,[e.createElementVNode("div",oe,[e.createElementVNode("span",te,e.toDisplayString(e.unref(t)("cookie.necessaryCookie")),1),e.createElementVNode("span",le,e.toDisplayString(e.unref(t)("cookie.alwaysOn")),1)]),e.createElementVNode("div",ne,e.toDisplayString(e.unref(t)("cookie.necessaryCookieDetail")),1)]),e.createElementVNode("div",ie,[e.createElementVNode("div",ae,[e.createElementVNode("span",ce,e.toDisplayString(e.unref(t)("cookie.analyticalCookie")),1),e.createElementVNode("span",se,[e.createVNode(e.unref(c.OSwitch),{modelValue:i.value,"onUpdate:modelValue":o[2]||(o[2]=a=>i.value=a)},null,8,["modelValue"])])]),e.createElementVNode("div",re,e.toDisplayString(e.unref(t)("cookie.analyticalCookieDetail")),1)])])]),_:1},8,["visible","size","phone-half-full","main-class","actions"])],512)):e.createCommentVNode("",!0)],8,["to"]))]),_:1}))}});module.exports=fe;