vxe-pc-ui 4.11.27 → 4.11.29

package/lib/layout-body/src/layout-body.js

@@ -7,14 +7,26 @@ exports.default = void 0;
 var _vue = require("vue");
 var _comp = require("../../ui/src/comp");
 var _ui = require("../../ui");
-var _loading = _interopRequireDefault(require("../../loading/src/loading"));
+var _loading = _interopRequireDefault(require("../../loading"));
+var _backtop = _interopRequireDefault(require("../../backtop"));
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function createInternalData() {
+  return {};
+}
+function createReactData() {
+  return {};
+}
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeLayoutBody',
   props: {
     loading: Boolean,
     padding: Boolean,
+    showBacktop: {
+      type: Boolean,
+      default: () => (0, _ui.getConfig)().layoutBody.showBacktop
+    },
+    backtopConfig: Object,
     size: {
       type: String,
       default: () => (0, _ui.getConfig)().layoutBody.size || (0, _ui.getConfig)().size
@@ -27,14 +39,21 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       emit
     } = context;
     const xID = _xeUtils.default.uniqueId();
+    const backtopId = `vxe_layout_body_backtop_${xID}`;
     const refElem = (0, _vue.ref)();
     const {
       computeSize
     } = (0, _ui.useSize)(props);
-    const reactData = (0, _vue.reactive)({});
+    const internalData = createInternalData();
+    const reactData = (0, _vue.reactive)(createReactData());
     const refMaps = {
       refElem
     };
+    const computeBacktopOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, (0, _ui.getConfig)().layoutBody.backtopConfig, props.backtopConfig, {
+        target: '#' + backtopId
+      });
+    });
     const computeMaps = {
       computeSize
     };
@@ -42,6 +61,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       xID,
       props,
       context,
+      internalData,
       reactData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
@@ -59,10 +79,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const renderVN = () => {
       const {
         loading,
-        padding
+        padding,
+        showBacktop
       } = props;
+      const backtopOpts = computeBacktopOpts.value;
       const vSize = computeSize.value;
       const defaultSlot = slots.default;
+      const backtopSlot = slots.backtop;
       return (0, _vue.h)('div', {
         ref: refElem,
         class: ['vxe-layout-body', {
@@ -71,6 +94,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           'is--padding': padding
         }]
       }, [(0, _vue.h)('div', {
+        id: showBacktop ? backtopId : '',
         class: 'vxe-layout-body--inner'
       }, defaultSlot ? defaultSlot({}) : []),
       /**
@@ -79,7 +103,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       (0, _vue.h)(_loading.default, {
         class: 'vxe-list-view--loading',
         modelValue: loading
-      })]);
+      }),
+      /**
+       * 回到顶部
+       */
+      showBacktop ? (0, _vue.h)(_backtop.default, backtopOpts, backtopSlot ? {
+        default: backtopSlot
+      } : undefined) : (0, _ui.renderEmptyElement)($xeLayoutBody)]);
     };
     $xeLayoutBody.renderVN = renderVN;
     return $xeLayoutBody;

package/lib/layout-body/src/layout-body.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"),_ui=require("../../ui"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLayoutBody",props:{loading:Boolean,padding:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().layoutBody.size||(0,_ui.getConfig)().size}},emits:[],setup(r,e){const{slots:o,emit:u}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),n=(0,_ui.useSize)(r)["computeSize"];var i=(0,_vue.reactive)({});const s={refElem:a},d={computeSize:n},l={xID:t,props:r,context:e,reactData:i,getRefMaps:()=>s,getComputeMaps:()=>d};Object.assign(l,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$layoutBody:l},t))}},{});return l.renderVN=()=>{var{loading:e,padding:t}=r,i=n.value,u=o.default;return(0,_vue.h)("div",{ref:a,class:["vxe-layout-body",{["size--"+i]:i,"is--loading":e,"is--padding":t}]},[(0,_vue.h)("div",{class:"vxe-layout-body--inner"},u?u({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:e})])},l},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"),_ui=require("../../ui"),_loading=_interopRequireDefault(require("../../loading")),_backtop=_interopRequireDefault(require("../../backtop")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{}}function createReactData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLayoutBody",props:{loading:Boolean,padding:Boolean,showBacktop:{type:Boolean,default:()=>(0,_ui.getConfig)().layoutBody.showBacktop},backtopConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().layoutBody.size||(0,_ui.getConfig)().size}},emits:[],setup(n,e){const{slots:l,emit:o}=e;var t=_xeUtils.default.uniqueId();const d="vxe_layout_body_backtop_"+t,s=(0,_vue.ref)(),c=(0,_ui.useSize)(n)["computeSize"];var a=createInternalData(),i=(0,_vue.reactive)(createReactData());const u={refElem:s},p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().layoutBody.backtopConfig,n.backtopConfig,{target:"#"+d})),r={computeSize:c},_={xID:t,props:n,context:e,internalData:a,reactData:i,getRefMaps:()=>u,getComputeMaps:()=>r};Object.assign(_,{dispatchEvent:(e,t,a)=>{o(e,(0,_ui.createEvent)(a,{$layoutBody:_},t))}},{});return _.renderVN=()=>{var{loading:e,padding:t,showBacktop:a}=n,o=p.value,i=c.value,u=l.default,r=l.backtop;return(0,_vue.h)("div",{ref:s,class:["vxe-layout-body",{["size--"+i]:i,"is--loading":e,"is--padding":t}]},[(0,_vue.h)("div",{id:a?d:"",class:"vxe-layout-body--inner"},u?u({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:e}),a?(0,_vue.h)(_backtop.default,o,r?{default:r}:void 0):(0,_ui.renderEmptyElement)(_)])},_},render(){return this.renderVN()}});

package/lib/mention/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeMention = exports.Mention = void 0;
+var _core = require("@vxe-ui/core");
+var _mention = _interopRequireDefault(require("./src/mention"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeMention = exports.VxeMention = Object.assign({}, _mention.default, {
+  install(app) {
+    app.component(_mention.default.name, _mention.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeMention);
+_core.VxeUI.component(_mention.default);
+const Mention = exports.Mention = VxeMention;
+var _default = exports.default = VxeMention;

package/lib/mention/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeMention=exports.Mention=void 0;var _core=require("@vxe-ui/core"),_mention=_interopRequireDefault(require("./src/mention")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeMention=exports.VxeMention=Object.assign({},_mention.default,{install(e){e.component(_mention.default.name,_mention.default)}}),Mention=(_dynamics.dynamicApp.use(VxeMention),_core.VxeUI.component(_mention.default),exports.Mention=VxeMention);var _default=exports.default=VxeMention;

package/lib/mention/src/mention.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeMention',
+  props: {
+    size: {
+      type: String,
+      default: () => (0, _ui.getConfig)().mention.size || (0, _ui.getConfig)().size
+    }
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      emit
+    } = context;
+    const xID = _xeUtils.default.uniqueId();
+    const refElem = (0, _vue.ref)();
+    const reactData = (0, _vue.reactive)({});
+    const refMaps = {
+      refElem
+    };
+    const computeMaps = {};
+    const $xeMention = {
+      xID,
+      props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $mention: $xeMention
+      }, params));
+    };
+    const tagMethods = {
+      dispatchEvent
+    };
+    const tagPrivateMethods = {};
+    Object.assign($xeMention, tagMethods, tagPrivateMethods);
+    const renderVN = () => {
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: 'vxe-mention'
+      });
+    };
+    $xeMention.renderVN = renderVN;
+    return $xeMention;
+  },
+  render() {
+    return this.renderVN();
+  }
+});

package/lib/mention/src/mention.min.js

@@ -0,0 +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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeMention",props:{size:{type:String,default:()=>(0,_ui.getConfig)().mention.size||(0,_ui.getConfig)().size}},emits:[],setup(e,t){const i=t["emit"];var r=_xeUtils.default.uniqueId();const u=(0,_vue.ref)();var n=(0,_vue.reactive)({});const s={refElem:u},o={},a={xID:r,props:e,context:t,reactData:n,getRefMaps:()=>s,getComputeMaps:()=>o};Object.assign(a,{dispatchEvent:(e,t,r)=>{i(e,(0,_ui.createEvent)(r,{$mention:a},t))}},{});return a.renderVN=()=>(0,_vue.h)("div",{ref:u,class:"vxe-mention"}),a},render(){return this.renderVN()}});

package/lib/mention/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/radio/src/button.js

@@ -88,26 +88,33 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const radioValue = _xeUtils.default.isUndefined(checkedValue) ? label : checkedValue;
       return $xeRadioGroup ? $xeRadioGroup.props.modelValue === radioValue : props.modelValue === radioValue;
     });
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $radioGroup: $xeRadioGroup
+      }, params));
+    };
     const radioButtonMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, (0, _ui.createEvent)(evnt, {
-          $radioButton: $xeRadioButton
-        }, params));
-      }
+      dispatchEvent
     };
     const radioButtonPrivateMethods = {};
     Object.assign($xeRadioButton, radioButtonMethods, radioButtonPrivateMethods);
     const handleValue = (checkedValue, evnt) => {
+      const {
+        content
+      } = props;
       if ($xeRadioGroup) {
         $xeRadioGroup.handleChecked({
           label: checkedValue,
-          checkedValue
+          checkedValue,
+          checkedLabel: content
         }, evnt);
       } else {
         emit('update:modelValue', checkedValue);
-        radioButtonMethods.dispatchEvent('change', {
+        dispatchEvent('change', {
           value: checkedValue,
-          label: checkedValue
+          label: checkedValue,
+          checkedValue,
+          checkedLabel: content
         }, evnt);
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {

package/lib/radio/src/button.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")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioButton.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(i,e){const{slots:n,emit:l}=e,u=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null),r=(0,_vue.inject)("$xeRadioGroup",null);var t=_xeUtils.default.uniqueId(),o=(0,_vue.reactive)({});const d=(0,_ui.useSize)(i)["computeSize"],s={xID:t,props:i,context:e,reactData:o},c=(0,_vue.computed)(()=>{var e,t=i["disabled"];if(null===t&&r)return e=r.getComputeMaps()["computeIsDisabled"],e.value;return t}),p=(0,_vue.computed)(()=>r?r.name:null),v=(0,_vue.computed)(()=>(r?r.props:i).strict),_=(0,_vue.computed)(()=>{var{label:e,checkedValue:t}=i,e=_xeUtils.default.isUndefined(t)?e:t;return r?r.props.modelValue===e:i.modelValue===e}),f={dispatchEvent(e,t,u){l(e,(0,_ui.createEvent)(u,{$radioButton:s},t))}};Object.assign(s,f,{});const m=(e,t)=>{r?r.handleChecked({label:e,checkedValue:e},t):(l("update:modelValue",e),f.dispatchEvent("change",{value:e,label:e},t),u&&a&&u.triggerItemEvent(t,a.itemConfig.field,e))},b=e=>{var t,u;c.value||({label:u,checkedValue:t}=i,u=_xeUtils.default.isUndefined(t)?u:t,m(u,e))},x=e=>{var t=c.value,u=v.value;t||u||({label:t,checkedValue:u}=i,(_xeUtils.default.isUndefined(u)?t:u)===(r?r.props:i).modelValue&&m(null,e))};t=()=>{var{label:e,checkedValue:t}=i,e=_xeUtils.default.isUndefined(t)?e:t,t=d.value,u=c.value,l=p.value,a=_.value;return(0,_vue.h)("label",{key:e,class:["vxe-radio vxe-radio--button",{["size--"+t]:t,"is--disabled":u}],title:i.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:l,checked:a,disabled:u,onChange:b,onClick:x}),(0,_vue.h)("span",{class:"vxe-radio--label"},n.default?n.default({}):(0,_utils.getFuncText)(i.content))])};return s.renderVN=t}});
+"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")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioButton.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(i,e){const{slots:n,emit:l}=e,a=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null),o=(0,_vue.inject)("$xeRadioGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});const d=(0,_ui.useSize)(i)["computeSize"];t={xID:t,props:i,context:e,reactData:u};const s=(0,_vue.computed)(()=>{var e,t=i["disabled"];if(null===t&&o)return e=o.getComputeMaps()["computeIsDisabled"],e.value;return t}),c=(0,_vue.computed)(()=>o?o.name:null),p=(0,_vue.computed)(()=>(o?o.props:i).strict),v=(0,_vue.computed)(()=>{var{label:e,checkedValue:t}=i,e=_xeUtils.default.isUndefined(t)?e:t;return o?o.props.modelValue===e:i.modelValue===e}),_=(e,t,u)=>{l(e,(0,_ui.createEvent)(u,{$radioGroup:o},t))};e={dispatchEvent:_};Object.assign(t,e,{});const f=(e,t)=>{var u=i["content"];o?o.handleChecked({label:e,checkedValue:e,checkedLabel:u},t):(l("update:modelValue",e),_("change",{value:e,label:e,checkedValue:e,checkedLabel:u},t),a&&r&&a.triggerItemEvent(t,r.itemConfig.field,e))},m=e=>{var t,u;s.value||({label:u,checkedValue:t}=i,u=_xeUtils.default.isUndefined(t)?u:t,f(u,e))},b=e=>{var t=s.value,u=p.value;t||u||({label:t,checkedValue:u}=i,(_xeUtils.default.isUndefined(u)?t:u)===(o?o.props:i).modelValue&&f(null,e))};u=()=>{var{label:e,checkedValue:t}=i,e=_xeUtils.default.isUndefined(t)?e:t,t=d.value,u=s.value,l=c.value,a=v.value;return(0,_vue.h)("label",{key:e,class:["vxe-radio vxe-radio--button",{["size--"+t]:t,"is--disabled":u}],title:i.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:l,checked:a,disabled:u,onChange:m,onClick:b}),(0,_vue.h)("span",{class:"vxe-radio--label"},n.default?n.default({}):(0,_utils.getFuncText)(i.content))])};return t.renderVN=u}});

package/lib/radio/src/group.js

@@ -111,12 +111,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const radioGroupPrivateMethods = {
       handleChecked(params, evnt) {
-        const value = params.checkedValue;
+        const {
+          checkedValue,
+          checkedLabel
+        } = params;
+        const value = checkedValue;
         emitModel(value);
         dispatchEvent('change', {
           value,
           label: value,
-          checkedValue: value
+          checkedValue,
+          checkedLabel
         }, evnt);
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {

package/lib/radio/src/group.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"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioGroup",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},type:String,options:Array,optionProps:Object,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioGroup.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size},defaultConfig:Object},emits:["update:modelValue","change","default-change"],setup(n,e){const{slots:d,emit:a}=e,u=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const s=(0,_ui.useSize)(n)["computeSize"];var o=(0,_vue.reactive)({});const i=createInternalData();var l=(0,_vue.computed)(()=>{var e=n["disabled"];return null===e?!!u&&(u.props.readonly||u.props.disabled):e});const c=(0,_vue.computed)(()=>Object.assign({},n.defaultConfig)),p={computeIsDisabled:l},v={xID:t,props:n,context:e,reactData:o,name:_xeUtils.default.uniqueId("xe_group_"),getComputeMaps:()=>p},_=(0,_vue.computed)(()=>Object.assign({},n.optionProps)),f=(0,_vue.computed)(()=>{return _.value.label||"label"}),m=(0,_vue.computed)(()=>{return _.value.value||"value"}),g=(0,_vue.computed)(()=>{return _.value.disabled||"disabled"}),x=e=>{a("update:modelValue",e)},b=(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$radioGroup:v},t))};l={dispatchEvent:b};const h=e=>{var t=i["isLoaded"],u=c.value;const a=m.value;if(!t){t=u["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(n.modelValue)){if("first"===t||"last"===t){const r=_xeUtils.default[t](e);r&&(0,_vue.nextTick)(()=>{var e;_xeUtils.default.eqNull(n.modelValue)&&(e=r[a],x(e),b("default-change",{value:e},null))})}i.isLoaded=!0}}return(0,_vue.nextTick)()};Object.assign(v,l,{handleChecked(e,t){e=e.checkedValue;x(e),b("change",{value:e,label:e,checkedValue:e},t),u&&r&&u.triggerItemEvent(t,r.itemConfig.field,e)}});return(0,_vue.watch)(()=>n.options,e=>{h(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=n["options"];e&&h(e)})}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(i,createInternalData())}),(0,_vue.provide)("$xeRadioGroup",v),v.renderVN=()=>{var{options:e,type:t}=n,u=s.value,a=d.default;const r=m.value,o=f.value,i=g.value,l=("button"===t?_button:_radio).default;return(0,_vue.h)("div",{class:["vxe-radio-group",{["size--"+u]:u}]},a?a({}):e?e.map(e=>(0,_vue.h)(l,{key:e[r],checkedValue:e[r],content:e[o],disabled:e[i]})):[])},v},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"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioGroup",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},type:String,options:Array,optionProps:Object,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioGroup.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size},defaultConfig:Object},emits:["update:modelValue","change","default-change"],setup(n,e){const{slots:d,emit:a}=e,r=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const s=(0,_ui.useSize)(n)["computeSize"];var u=(0,_vue.reactive)({});const l=createInternalData();var i=(0,_vue.computed)(()=>{var e=n["disabled"];return null===e?!!r&&(r.props.readonly||r.props.disabled):e});const c=(0,_vue.computed)(()=>Object.assign({},n.defaultConfig)),p={computeIsDisabled:i},v={xID:t,props:n,context:e,reactData:u,name:_xeUtils.default.uniqueId("xe_group_"),getComputeMaps:()=>p},_=(0,_vue.computed)(()=>Object.assign({},n.optionProps)),f=(0,_vue.computed)(()=>{return _.value.label||"label"}),m=(0,_vue.computed)(()=>{return _.value.value||"value"}),g=(0,_vue.computed)(()=>{return _.value.disabled||"disabled"}),b=e=>{a("update:modelValue",e)},x=(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$radioGroup:v},t))};i={dispatchEvent:x};const h=e=>{var t=l["isLoaded"],u=c.value;const a=m.value;if(!t){t=u["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(n.modelValue)){if("first"===t||"last"===t){const r=_xeUtils.default[t](e);r&&(0,_vue.nextTick)(()=>{var e;_xeUtils.default.eqNull(n.modelValue)&&(e=r[a],b(e),x("default-change",{value:e},null))})}l.isLoaded=!0}}return(0,_vue.nextTick)()};Object.assign(v,i,{handleChecked(e,t){var{checkedValue:e,checkedLabel:u}=e,a=e;b(a),x("change",{value:a,label:a,checkedValue:e,checkedLabel:u},t),r&&o&&r.triggerItemEvent(t,o.itemConfig.field,a)}});return(0,_vue.watch)(()=>n.options,e=>{h(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=n["options"];e&&h(e)})}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(l,createInternalData())}),(0,_vue.provide)("$xeRadioGroup",v),v.renderVN=()=>{var{options:e,type:t}=n,u=s.value,a=d.default;const r=m.value,o=f.value,l=g.value,i=("button"===t?_button:_radio).default;return(0,_vue.h)("div",{class:["vxe-radio-group",{["size--"+u]:u}]},a?a({}):e?e.map(e=>(0,_vue.h)(i,{key:e[r],checkedValue:e[r],content:e[o],disabled:e[l]})):[])},v},render(){return this.renderVN()}});

package/lib/radio/src/radio.js

@@ -90,17 +90,22 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       return $xeRadioGroup ? $xeRadioGroup.props.modelValue === radioValue : props.modelValue === radioValue;
     });
     const handleValue = (checkedValue, evnt) => {
+      const {
+        content
+      } = props;
       if ($xeRadioGroup) {
         $xeRadioGroup.handleChecked({
           label: checkedValue,
-          checkedValue
+          checkedValue,
+          checkedLabel: content
         }, evnt);
       } else {
         emit('update:modelValue', checkedValue);
         dispatchEvent('change', {
           value: checkedValue,
           label: checkedValue,
-          checkedValue
+          checkedValue,
+          checkedLabel: content
         }, evnt);
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {

package/lib/radio/src/radio.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")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadio",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},name:String,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radio.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radio.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(i,e){const{slots:r,emit:l}=e,u=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null),n=(0,_vue.inject)("$xeRadioGroup",null);var t=_xeUtils.default.uniqueId(),d=(0,_vue.reactive)({});const o={xID:t,props:i,context:e,reactData:d},s=(0,_ui.useSize)(i)["computeSize"],c=(0,_vue.computed)(()=>{var e,t=i["disabled"];if(null===t&&n)return e=n.getComputeMaps()["computeIsDisabled"],e.value;return t}),p=(0,_vue.computed)(()=>(n||i).name),v=(0,_vue.computed)(()=>(n?n.props:i).strict),_=(0,_vue.computed)(()=>{var{label:e,checkedValue:t}=i,e=_xeUtils.default.isUndefined(t)?e:t;return n?n.props.modelValue===e:i.modelValue===e}),f=(e,t)=>{n?n.handleChecked({label:e,checkedValue:e},t):(l("update:modelValue",e),x("change",{value:e,label:e,checkedValue:e},t),u&&a&&u.triggerItemEvent(t,a.itemConfig.field,e))},m=e=>{var t,u;c.value||({label:u,checkedValue:t}=i,u=_xeUtils.default.isUndefined(t)?u:t,f(u,e))},g=e=>{var t=c.value,u=v.value;t||u||({label:t,checkedValue:u}=i,(_xeUtils.default.isUndefined(u)?t:u)===(n?n.props:i).modelValue&&f(null,e))},x=(e,t,u)=>{l(e,(0,_ui.createEvent)(u,{$radio:o},t))};t={dispatchEvent:x};Object.assign(o,t,{});return o.renderVN=()=>{var{label:e,checkedValue:t}=i,e=_xeUtils.default.isUndefined(t)?e:t,t=s.value,u=c.value,l=p.value,a=_.value;return(0,_vue.h)("label",{key:e,class:["vxe-radio vxe-radio--default",{["size--"+t]:t,"is--checked":a,"is--disabled":u}],title:i.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:l,checked:a,disabled:u,onChange:m,onClick:g}),(0,_vue.h)("span",{class:["vxe-radio--icon",a?(0,_ui.getIcon)().RADIO_CHECKED:u?(0,_ui.getIcon)().RADIO_DISABLED_UNCHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-radio--label"},r.default?r.default({}):(0,_utils.getFuncText)(i.content))])},o},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")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadio",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},name:String,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radio.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radio.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(i,e){const{slots:r,emit:l}=e,a=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null),d=(0,_vue.inject)("$xeRadioGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});const o={xID:t,props:i,context:e,reactData:u},c=(0,_ui.useSize)(i)["computeSize"],s=(0,_vue.computed)(()=>{var e,t=i["disabled"];if(null===t&&d)return e=d.getComputeMaps()["computeIsDisabled"],e.value;return t}),v=(0,_vue.computed)(()=>(d||i).name),p=(0,_vue.computed)(()=>(d?d.props:i).strict),_=(0,_vue.computed)(()=>{var{label:e,checkedValue:t}=i,e=_xeUtils.default.isUndefined(t)?e:t;return d?d.props.modelValue===e:i.modelValue===e}),f=(e,t)=>{var u=i["content"];d?d.handleChecked({label:e,checkedValue:e,checkedLabel:u},t):(l("update:modelValue",e),b("change",{value:e,label:e,checkedValue:e,checkedLabel:u},t),a&&n&&a.triggerItemEvent(t,n.itemConfig.field,e))},m=e=>{var t,u;s.value||({label:u,checkedValue:t}=i,u=_xeUtils.default.isUndefined(t)?u:t,f(u,e))},g=e=>{var t=s.value,u=p.value;t||u||({label:t,checkedValue:u}=i,(_xeUtils.default.isUndefined(u)?t:u)===(d?d.props:i).modelValue&&f(null,e))},b=(e,t,u)=>{l(e,(0,_ui.createEvent)(u,{$radio:o},t))};t={dispatchEvent:b};Object.assign(o,t,{});return o.renderVN=()=>{var{label:e,checkedValue:t}=i,e=_xeUtils.default.isUndefined(t)?e:t,t=c.value,u=s.value,l=v.value,a=_.value;return(0,_vue.h)("label",{key:e,class:["vxe-radio vxe-radio--default",{["size--"+t]:t,"is--checked":a,"is--disabled":u}],title:i.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:l,checked:a,disabled:u,onChange:m,onClick:g}),(0,_vue.h)("span",{class:["vxe-radio--icon",a?(0,_ui.getIcon)().RADIO_CHECKED:u?(0,_ui.getIcon)().RADIO_DISABLED_UNCHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-radio--label"},r.default?r.default({}):(0,_utils.getFuncText)(i.content))])},o},render(){return this.renderVN()}});

package/lib/segmented/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeSegmented = exports.Segmented = void 0;
+var _core = require("@vxe-ui/core");
+var _segmented = _interopRequireDefault(require("./src/segmented"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeSegmented = exports.VxeSegmented = Object.assign({}, _segmented.default, {
+  install(app) {
+    app.component(_segmented.default.name, _segmented.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeSegmented);
+_core.VxeUI.component(_segmented.default);
+const Segmented = exports.Segmented = VxeSegmented;
+var _default = exports.default = VxeSegmented;

package/lib/segmented/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeSegmented=exports.Segmented=void 0;var _core=require("@vxe-ui/core"),_segmented=_interopRequireDefault(require("./src/segmented")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeSegmented=exports.VxeSegmented=Object.assign({},_segmented.default,{install(e){e.component(_segmented.default.name,_segmented.default)}}),Segmented=(_dynamics.dynamicApp.use(VxeSegmented),_core.VxeUI.component(_segmented.default),exports.Segmented=VxeSegmented);var _default=exports.default=VxeSegmented;

package/lib/segmented/src/segmented.js

@@ -0,0 +1,237 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _dom = require("../../ui/src/dom");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const xID = _xeUtils.default.uniqueId();
+    const {
+      computeSize
+    } = (0, _ui.useSize)(props);
+    const refElem = (0, _vue.ref)();
+    const refWrapperElem = (0, _vue.ref)();
+    const refSelectedElem = (0, _vue.ref)();
+    const reactData = (0, _vue.reactive)(createReactData());
+    const refMaps = {
+      refElem
+    };
+    const computeItemType = (0, _vue.computed)(() => {
+      const {
+        type
+      } = props;
+      if (type === 'round') {
+        return type;
+      }
+      if (type === 'inside') {
+        return type;
+      }
+      return 'default';
+    });
+    const computeWrapperStyle = (0, _vue.computed)(() => {
+      const {
+        width,
+        height
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
+      if (height) {
+        stys.height = (0, _dom.toCssUnit)(height);
+      }
+      return stys;
+    });
+    const computeOptionOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, (0, _ui.getConfig)().segmented.optionConfig, props.optionConfig);
+    });
+    const computeItemList = (0, _vue.computed)(() => {
+      return props.options || [];
+    });
+    const computeSelectIndex = (0, _vue.computed)(() => {
+      const {
+        modelValue
+      } = props;
+      const itemList = computeItemList.value;
+      return _xeUtils.default.findIndexOf(itemList, item => item.value === modelValue);
+    });
+    const comIsFullWidth = (0, _vue.computed)(() => {
+      const wrapperStyle = computeWrapperStyle.value;
+      return wrapperStyle.width === '100%';
+    });
+    const computeMaps = {};
+    const $xeSegmented = {
+      xID,
+      props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $segmented: $xeSegmented
+      }, params));
+    };
+    const emitModel = value => {
+      emit('update:modelValue', value);
+    };
+    const changeEvent = (evnt, item) => {
+      const value = item.value;
+      emitModel(value);
+      dispatchEvent('change', {
+        value
+      }, evnt);
+      updateStyle();
+    };
+    const updateStyle = () => {
+      (0, _vue.nextTick)(() => {
+        const selectIndex = computeSelectIndex.value;
+        const wrapperElem = refWrapperElem.value;
+        const atStyle = {
+          display: '',
+          left: '',
+          width: ''
+        };
+        if (wrapperElem) {
+          const itemEl = wrapperElem.children[selectIndex];
+          if (itemEl) {
+            atStyle.display = 'block';
+            atStyle.left = (0, _dom.toCssUnit)(itemEl.offsetLeft);
+            atStyle.width = (0, _dom.toCssUnit)(itemEl.clientWidth);
+          }
+        }
+        reactData.selectStyle = atStyle;
+      });
+    };
+    const tagMethods = {
+      dispatchEvent
+    };
+    const tagPrivateMethods = {};
+    Object.assign($xeSegmented, tagMethods, tagPrivateMethods);
+    const renderItems = () => {
+      const {
+        modelValue,
+        name
+      } = props;
+      const {
+        groupName
+      } = reactData;
+      const optionOpts = computeOptionOpts.value;
+      const itemList = computeItemList.value;
+      const isFullWidth = comIsFullWidth.value;
+      const fullItemWidth = isFullWidth ? Math.max(0, 100 / itemList.length) : 0;
+      const defaultSlot = slots.default;
+      const itemVNs = [];
+      itemList.forEach((item, i) => {
+        const itemWidth = item.width || optionOpts.width;
+        itemVNs.push((0, _vue.h)('label', {
+          key: i,
+          class: ['vxe-segmented--item', {
+            'is--checked': modelValue === item.value
+          }],
+          style: isFullWidth || itemWidth ? {
+            width: itemWidth ? (0, _dom.toCssUnit)(itemWidth) : fullItemWidth ? `${fullItemWidth}%` : ''
+          } : undefined
+        }, [(0, _vue.h)('input', {
+          class: 'vxe-segmented--input',
+          type: 'radio',
+          name: name || groupName,
+          onChange(evnt) {
+            changeEvent(evnt, item);
+          }
+        }), (0, _vue.h)('div', {
+          class: 'vxe-segmented--content'
+        }, [(0, _vue.h)('div', {
+          class: 'vxe-segmented--label'
+        }, defaultSlot ? defaultSlot({
+          option: item
+        }) : _xeUtils.default.eqNull(item.label) ? '' : `${item.label}`)])]));
+      });
+      return itemVNs;
+    };
+    const renderVN = () => {
+      const {
+        status
+      } = props;
+      const {
+        selectStyle
+      } = reactData;
+      const itemType = computeItemType.value;
+      const wrapperStyle = computeWrapperStyle.value;
+      const vSize = computeSize.value;
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: ['vxe-segmented', `type--${itemType}`, {
+          [`size--${vSize}`]: vSize,
+          [`theme--${status}`]: status
+        }]
+      }, [(0, _vue.h)('div', {
+        class: 'vxe-segmented--group',
+        style: wrapperStyle
+      }, [(0, _vue.h)('div', {
+        ref: refSelectedElem,
+        class: 'vxe-segmented--selected',
+        style: selectStyle
+      }), (0, _vue.h)('div', {
+        ref: refWrapperElem,
+        class: 'vxe-segmented--inner'
+      }, renderItems())])]);
+    };
+    (0, _vue.watch)(computeSelectIndex, () => {
+      updateStyle();
+    });
+    (0, _vue.onMounted)(() => {
+      updateStyle();
+    });
+    (0, _vue.onBeforeUnmount)(() => {
+      _xeUtils.default.assign(reactData, createReactData());
+    });
+    $xeSegmented.renderVN = renderVN;
+    return $xeSegmented;
+  },
+  render() {
+    return this.renderVN();
+  }
+});

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

@@ -0,0 +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()}});

package/lib/segmented/style/index.js

@@ -0,0 +1 @@
+require('./style.css')