vxe-pc-ui 4.11.29 → 4.11.30

package/lib/segmented/src/segmented.js

@@ -165,7 +165,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const defaultSlot = slots.default;
       const itemVNs = [];
       itemList.forEach((item, i) => {
-        const itemWidth = item.width || optionOpts.width;
+        const {
+          icon,
+          width
+        } = item;
+        const itemWidth = width || optionOpts.width;
         itemVNs.push((0, _vue.h)('label', {
           key: i,
           class: ['vxe-segmented--item', {
@@ -183,7 +187,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           }
         }), (0, _vue.h)('div', {
           class: 'vxe-segmented--content'
-        }, [(0, _vue.h)('div', {
+        }, [icon ? (0, _vue.h)('div', {
+          class: 'vxe-segmented--icon'
+        }, [(0, _vue.h)('i', {
+          class: icon
+        })]) : (0, _ui.renderEmptyElement)($xeSegmented), (0, _vue.h)('div', {
           class: 'vxe-segmented--label'
         }, defaultSlot ? defaultSlot({
           option: item

package/lib/segmented/src/segmented.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{groupName:_xeUtils.default.uniqueId("xe_group_"),selectStyle:{display:"",left:"",width:""}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSegmented",props:{modelValue:[String,Number],name:[String,Number],disabled:Boolean,options:Array,type:{type:String,default:()=>(0,_ui.getConfig)().segmented.type},status:String,width:[String,Number],height:[String,Number],optionConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().segmented.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(v,e){const{slots:c,emit:i}=e;var t=_xeUtils.default.uniqueId();const n=(0,_ui.useSize)(v)["computeSize"],s=(0,_vue.ref)(),r=(0,_vue.ref)(),l=(0,_vue.ref)(),m=(0,_vue.reactive)(createReactData()),u={refElem:s},d=(0,_vue.computed)(()=>{var e=v["type"];return"round"===e||"inside"===e?e:"default"}),o=(0,_vue.computed)(()=>{var{width:e,height:t}=v,u={};return e&&(u.width=(0,_dom.toCssUnit)(e)),t&&(u.height=(0,_dom.toCssUnit)(t)),u}),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().segmented.optionConfig,v.optionConfig)),p=(0,_vue.computed)(()=>v.options||[]),a=(0,_vue.computed)(()=>{const t=v["modelValue"];var e=p.value;return _xeUtils.default.findIndexOf(e,e=>e.value===t)}),g=(0,_vue.computed)(()=>{return"100%"===o.value.width}),f={},h={xID:t,props:v,context:e,reactData:m,getRefMaps:()=>u,getComputeMaps:()=>f},x=(e,t,u)=>{i(e,(0,_ui.createEvent)(u,{$segmented:h},t))},y=(e,t)=>{var u,t=t.value;u=t,i("update:modelValue",u),x("change",{value:t},e),C()},C=()=>{(0,_vue.nextTick)(()=>{var e=a.value,t=r.value,u={display:"",left:"",width:""};t&&(t=t.children[e])&&(u.display="block",u.left=(0,_dom.toCssUnit)(t.offsetLeft),u.width=(0,_dom.toCssUnit)(t.clientWidth)),m.selectStyle=u})};t={dispatchEvent:x};Object.assign(h,t,{});return(0,_vue.watch)(a,()=>{C()}),(0,_vue.onMounted)(()=>{C()}),(0,_vue.onBeforeUnmount)(()=>{_xeUtils.default.assign(m,createReactData())}),h.renderVN=()=>{var e=v["status"],t=m["selectStyle"],u=d.value,i=o.value,a=n.value;return(0,_vue.h)("div",{ref:s,class:["vxe-segmented","type--"+u,{["size--"+a]:a,["theme--"+e]:e}]},[(0,_vue.h)("div",{class:"vxe-segmented--group",style:i},[(0,_vue.h)("div",{ref:l,class:"vxe-segmented--selected",style:t}),(0,_vue.h)("div",{ref:r,class:"vxe-segmented--inner"},(()=>{const{modelValue:i,name:a}=v,n=m["groupName"],s=_.value;var e=p.value;const r=g.value,l=r?Math.max(0,100/e.length):0,d=c.default,o=[];return e.forEach((t,e)=>{var u=t.width||s.width;o.push((0,_vue.h)("label",{key:e,class:["vxe-segmented--item",{"is--checked":i===t.value}],style:r||u?{width:u?(0,_dom.toCssUnit)(u):l?l+"%":""}:void 0},[(0,_vue.h)("input",{class:"vxe-segmented--input",type:"radio",name:a||n,onChange(e){y(e,t)}}),(0,_vue.h)("div",{class:"vxe-segmented--content"},[(0,_vue.h)("div",{class:"vxe-segmented--label"},d?d({option:t}):_xeUtils.default.eqNull(t.label)?"":""+t.label)])]))}),o})())])])},h},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{groupName:_xeUtils.default.uniqueId("xe_group_"),selectStyle:{display:"",left:"",width:""}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSegmented",props:{modelValue:[String,Number],name:[String,Number],disabled:Boolean,options:Array,type:{type:String,default:()=>(0,_ui.getConfig)().segmented.type},status:String,width:[String,Number],height:[String,Number],optionConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().segmented.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(c,e){const{slots:m,emit:i}=e;var t=_xeUtils.default.uniqueId();const n=(0,_ui.useSize)(c)["computeSize"],s=(0,_vue.ref)(),r=(0,_vue.ref)(),l=(0,_vue.ref)(),_=(0,_vue.reactive)(createReactData()),u={refElem:s},d=(0,_vue.computed)(()=>{var e=c["type"];return"round"===e||"inside"===e?e:"default"}),o=(0,_vue.computed)(()=>{var{width:e,height:t}=c,u={};return e&&(u.width=(0,_dom.toCssUnit)(e)),t&&(u.height=(0,_dom.toCssUnit)(t)),u}),p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().segmented.optionConfig,c.optionConfig)),g=(0,_vue.computed)(()=>c.options||[]),a=(0,_vue.computed)(()=>{const t=c["modelValue"];var e=g.value;return _xeUtils.default.findIndexOf(e,e=>e.value===t)}),f=(0,_vue.computed)(()=>{return"100%"===o.value.width}),v={},h={xID:t,props:c,context:e,reactData:_,getRefMaps:()=>u,getComputeMaps:()=>v},x=(e,t,u)=>{i(e,(0,_ui.createEvent)(u,{$segmented:h},t))},y=(e,t)=>{var u,t=t.value;u=t,i("update:modelValue",u),x("change",{value:t},e),C()},C=()=>{(0,_vue.nextTick)(()=>{var e=a.value,t=r.value,u={display:"",left:"",width:""};t&&(t=t.children[e])&&(u.display="block",u.left=(0,_dom.toCssUnit)(t.offsetLeft),u.width=(0,_dom.toCssUnit)(t.clientWidth)),_.selectStyle=u})};t={dispatchEvent:x};Object.assign(h,t,{});return(0,_vue.watch)(a,()=>{C()}),(0,_vue.onMounted)(()=>{C()}),(0,_vue.onBeforeUnmount)(()=>{_xeUtils.default.assign(_,createReactData())}),h.renderVN=()=>{var e=c["status"],t=_["selectStyle"],u=d.value,i=o.value,a=n.value;return(0,_vue.h)("div",{ref:s,class:["vxe-segmented","type--"+u,{["size--"+a]:a,["theme--"+e]:e}]},[(0,_vue.h)("div",{class:"vxe-segmented--group",style:i},[(0,_vue.h)("div",{ref:l,class:"vxe-segmented--selected",style:t}),(0,_vue.h)("div",{ref:r,class:"vxe-segmented--inner"},(()=>{const{modelValue:a,name:n}=c,s=_["groupName"],r=p.value;var e=g.value;const l=f.value,d=l?Math.max(0,100/e.length):0,o=m.default,v=[];return e.forEach((t,e)=>{var{icon:u,width:i}=t,i=i||r.width;v.push((0,_vue.h)("label",{key:e,class:["vxe-segmented--item",{"is--checked":a===t.value}],style:l||i?{width:i?(0,_dom.toCssUnit)(i):d?d+"%":""}:void 0},[(0,_vue.h)("input",{class:"vxe-segmented--input",type:"radio",name:n||s,onChange(e){y(e,t)}}),(0,_vue.h)("div",{class:"vxe-segmented--content"},[u?(0,_vue.h)("div",{class:"vxe-segmented--icon"},[(0,_vue.h)("i",{class:u})]):(0,_ui.renderEmptyElement)(h),(0,_vue.h)("div",{class:"vxe-segmented--label"},o?o({option:t}):_xeUtils.default.eqNull(t.label)?"":""+t.label)])]))}),v})())])])},h},render(){return this.renderVN()}});

package/lib/segmented/style/style.css

@@ -40,10 +40,11 @@
 
 .vxe-segmented--content {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
+  padding: 0.4em 0;
   transition: color 0.3s;
 }
 
@@ -74,7 +75,8 @@
   border-radius: 1em;
 }
 .vxe-segmented.type--default .vxe-segmented--content, .vxe-segmented.type--round .vxe-segmented--content {
-  min-height: 2em;
+  min-height: 2.2em;
+  height: 100%;
 }
 .vxe-segmented.type--default .vxe-segmented--item:hover, .vxe-segmented.type--round .vxe-segmented--item:hover {
   background-color: var(--vxe-ui-segmented-item-hover-background-color);
@@ -146,7 +148,7 @@
   border-radius: var(--vxe-ui-base-border-radius);
 }
 .vxe-segmented.type--inside .vxe-segmented--content {
-  min-height: 1.6em;
+  min-height: 1.8em;
 }
 .vxe-segmented.type--inside .vxe-segmented--inner {
   padding: 0.2em;

package/lib/segmented/style/style.min.css

@@ -1 +1 @@
-.vxe-segmented{display:block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-segmented--group{display:inline-flex;position:relative;background-color:var(--vxe-ui-segmented-item-background-color)}.vxe-segmented--inner{width:100%;position:relative;display:flex;flex-direction:row;white-space:nowrap}.vxe-segmented--item{display:block;padding:0 .8em;margin:0}.vxe-segmented--item:not(.is--disabled){cursor:pointer}.vxe-segmented--input{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}.vxe-segmented--content{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;transition:color .3s}.vxe-segmented--label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-segmented--selected{display:none;position:absolute;top:0;left:0;width:0;height:100%;transition:all .3s;pointer-events:none}.vxe-segmented.type--round .vxe-segmented--group{border-radius:1em}.vxe-segmented.type--round .vxe-segmented--selected{border-radius:1em}.vxe-segmented.type--round .vxe-segmented--item:hover{border-radius:1em}.vxe-segmented.type--default .vxe-segmented--content,.vxe-segmented.type--round .vxe-segmented--content{min-height:2em}.vxe-segmented.type--default .vxe-segmented--item:hover,.vxe-segmented.type--round .vxe-segmented--item:hover{background-color:var(--vxe-ui-segmented-item-hover-background-color)}.vxe-segmented.type--default .vxe-segmented--item.is--checked .vxe-segmented--content,.vxe-segmented.type--round .vxe-segmented--item.is--checked .vxe-segmented--content{color:#fff}.vxe-segmented.type--default .vxe-segmented--selected,.vxe-segmented.type--round .vxe-segmented--selected{background-color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--group,.vxe-segmented.type--round.theme--primary .vxe-segmented--group{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--selected,.vxe-segmented.type--round.theme--primary .vxe-segmented--selected{background-color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--primary .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--success .vxe-segmented--group,.vxe-segmented.type--round.theme--success .vxe-segmented--group{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-segmented.type--default.theme--success .vxe-segmented--selected,.vxe-segmented.type--round.theme--success .vxe-segmented--selected{background-color:var(--vxe-ui-status-success-color)}.vxe-segmented.type--default.theme--success .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--success .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--info .vxe-segmented--group,.vxe-segmented.type--round.theme--info .vxe-segmented--group{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-segmented.type--default.theme--info .vxe-segmented--selected,.vxe-segmented.type--round.theme--info .vxe-segmented--selected{background-color:var(--vxe-ui-status-info-color)}.vxe-segmented.type--default.theme--info .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--info .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--warning .vxe-segmented--group,.vxe-segmented.type--round.theme--warning .vxe-segmented--group{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-segmented.type--default.theme--warning .vxe-segmented--selected,.vxe-segmented.type--round.theme--warning .vxe-segmented--selected{background-color:var(--vxe-ui-status-warning-color)}.vxe-segmented.type--default.theme--warning .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--warning .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--danger .vxe-segmented--group,.vxe-segmented.type--round.theme--danger .vxe-segmented--group{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-segmented.type--default.theme--danger .vxe-segmented--selected,.vxe-segmented.type--round.theme--danger .vxe-segmented--selected{background-color:var(--vxe-ui-status-danger-color)}.vxe-segmented.type--default.theme--danger .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--danger .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--error .vxe-segmented--group,.vxe-segmented.type--round.theme--error .vxe-segmented--group{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-segmented.type--default.theme--error .vxe-segmented--selected,.vxe-segmented.type--round.theme--error .vxe-segmented--selected{background-color:var(--vxe-ui-status-error-color)}.vxe-segmented.type--default.theme--error .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--error .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default .vxe-segmented--group,.vxe-segmented.type--inside .vxe-segmented--group{border-radius:var(--vxe-ui-base-border-radius)}.vxe-segmented.type--default .vxe-segmented--selected,.vxe-segmented.type--inside .vxe-segmented--selected{border-radius:var(--vxe-ui-base-border-radius)}.vxe-segmented.type--inside .vxe-segmented--content{min-height:1.6em}.vxe-segmented.type--inside .vxe-segmented--inner{padding:.2em}.vxe-segmented.type--inside .vxe-segmented--item:hover .vxe-segmented--content{color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--inside .vxe-segmented--item.is--checked .vxe-segmented--content{color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--inside .vxe-segmented--selected{top:.2em;height:calc(100% - .4em);background-color:#fff}.vxe-segmented.type--inside.theme--primary .vxe-segmented--item.is--checked{color:var(--vxe-ui-font-primary-tinge-color)}.vxe-segmented.type--inside.theme--success .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-success-tinge-color)}.vxe-segmented.type--inside.theme--info .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-info-tinge-color)}.vxe-segmented.type--inside.theme--warning .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-warning-tinge-color)}.vxe-segmented.type--inside.theme--danger .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-danger-tinge-color)}.vxe-segmented.type--inside.theme--error .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-error-tinge-color)}.vxe-segmented{font-size:var(--vxe-ui-font-size-default)}.vxe-segmented.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-segmented.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-segmented.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-segmented{display:block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-segmented--group{display:inline-flex;position:relative;background-color:var(--vxe-ui-segmented-item-background-color)}.vxe-segmented--inner{width:100%;position:relative;display:flex;flex-direction:row;white-space:nowrap}.vxe-segmented--item{display:block;padding:0 .8em;margin:0}.vxe-segmented--item:not(.is--disabled){cursor:pointer}.vxe-segmented--input{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}.vxe-segmented--content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.4em 0;transition:color .3s}.vxe-segmented--label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-segmented--selected{display:none;position:absolute;top:0;left:0;width:0;height:100%;transition:all .3s;pointer-events:none}.vxe-segmented.type--round .vxe-segmented--group{border-radius:1em}.vxe-segmented.type--round .vxe-segmented--selected{border-radius:1em}.vxe-segmented.type--round .vxe-segmented--item:hover{border-radius:1em}.vxe-segmented.type--default .vxe-segmented--content,.vxe-segmented.type--round .vxe-segmented--content{min-height:2.2em;height:100%}.vxe-segmented.type--default .vxe-segmented--item:hover,.vxe-segmented.type--round .vxe-segmented--item:hover{background-color:var(--vxe-ui-segmented-item-hover-background-color)}.vxe-segmented.type--default .vxe-segmented--item.is--checked .vxe-segmented--content,.vxe-segmented.type--round .vxe-segmented--item.is--checked .vxe-segmented--content{color:#fff}.vxe-segmented.type--default .vxe-segmented--selected,.vxe-segmented.type--round .vxe-segmented--selected{background-color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--group,.vxe-segmented.type--round.theme--primary .vxe-segmented--group{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--selected,.vxe-segmented.type--round.theme--primary .vxe-segmented--selected{background-color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--primary .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--success .vxe-segmented--group,.vxe-segmented.type--round.theme--success .vxe-segmented--group{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-segmented.type--default.theme--success .vxe-segmented--selected,.vxe-segmented.type--round.theme--success .vxe-segmented--selected{background-color:var(--vxe-ui-status-success-color)}.vxe-segmented.type--default.theme--success .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--success .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--info .vxe-segmented--group,.vxe-segmented.type--round.theme--info .vxe-segmented--group{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-segmented.type--default.theme--info .vxe-segmented--selected,.vxe-segmented.type--round.theme--info .vxe-segmented--selected{background-color:var(--vxe-ui-status-info-color)}.vxe-segmented.type--default.theme--info .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--info .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--warning .vxe-segmented--group,.vxe-segmented.type--round.theme--warning .vxe-segmented--group{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-segmented.type--default.theme--warning .vxe-segmented--selected,.vxe-segmented.type--round.theme--warning .vxe-segmented--selected{background-color:var(--vxe-ui-status-warning-color)}.vxe-segmented.type--default.theme--warning .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--warning .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--danger .vxe-segmented--group,.vxe-segmented.type--round.theme--danger .vxe-segmented--group{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-segmented.type--default.theme--danger .vxe-segmented--selected,.vxe-segmented.type--round.theme--danger .vxe-segmented--selected{background-color:var(--vxe-ui-status-danger-color)}.vxe-segmented.type--default.theme--danger .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--danger .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--error .vxe-segmented--group,.vxe-segmented.type--round.theme--error .vxe-segmented--group{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-segmented.type--default.theme--error .vxe-segmented--selected,.vxe-segmented.type--round.theme--error .vxe-segmented--selected{background-color:var(--vxe-ui-status-error-color)}.vxe-segmented.type--default.theme--error .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--error .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default .vxe-segmented--group,.vxe-segmented.type--inside .vxe-segmented--group{border-radius:var(--vxe-ui-base-border-radius)}.vxe-segmented.type--default .vxe-segmented--selected,.vxe-segmented.type--inside .vxe-segmented--selected{border-radius:var(--vxe-ui-base-border-radius)}.vxe-segmented.type--inside .vxe-segmented--content{min-height:1.8em}.vxe-segmented.type--inside .vxe-segmented--inner{padding:.2em}.vxe-segmented.type--inside .vxe-segmented--item:hover .vxe-segmented--content{color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--inside .vxe-segmented--item.is--checked .vxe-segmented--content{color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--inside .vxe-segmented--selected{top:.2em;height:calc(100% - .4em);background-color:#fff}.vxe-segmented.type--inside.theme--primary .vxe-segmented--item.is--checked{color:var(--vxe-ui-font-primary-tinge-color)}.vxe-segmented.type--inside.theme--success .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-success-tinge-color)}.vxe-segmented.type--inside.theme--info .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-info-tinge-color)}.vxe-segmented.type--inside.theme--warning .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-warning-tinge-color)}.vxe-segmented.type--inside.theme--danger .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-danger-tinge-color)}.vxe-segmented.type--inside.theme--error .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-error-tinge-color)}.vxe-segmented{font-size:var(--vxe-ui-font-size-default)}.vxe-segmented.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-segmented.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-segmented.size--mini{font-size:var(--vxe-ui-font-size-mini)}