vxe-pc-ui 3.16.0 → 3.16.2

package/lib/row/src/row.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _dom = require("../../ui/src/dom");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeRow',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    gutter: [Number, String, Array],
+    wrap: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().row.wrap;
+      }
+    },
+    vertical: Boolean,
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().row.size || (0, _ui.getConfig)().size;
+      }
+    }
+  },
+  provide: function provide() {
+    var $xeRow = this;
+    return {
+      $xeRow: $xeRow
+    };
+  },
+  data: function data() {
+    var reactData = {};
+    return {
+      xID: _xeUtils.default.uniqueId(),
+      reactData: reactData
+    };
+  },
+  computed: {
+    computeRowStyle: function computeRowStyle() {
+      var $xeRow = this;
+      var props = $xeRow;
+      var gutter = props.gutter,
+        vertical = props.vertical;
+      var style = {};
+      if (gutter) {
+        var _ref = _xeUtils.default.isArray(gutter) ? gutter : [gutter],
+          _ref2 = _slicedToArray(_ref, 2),
+          lrGutter = _ref2[0],
+          tbGutter = _ref2[1];
+        if (vertical) {
+          tbGutter = lrGutter;
+          lrGutter = '';
+        }
+        if (lrGutter) {
+          var offsetSize = _xeUtils.default.isNumber(lrGutter) ? (0, _dom.toCssUnit)(-(lrGutter / 2)) : "calc(".concat((0, _dom.toCssUnit)(lrGutter), " / 2 * -1)");
+          style.marginLeft = offsetSize;
+          style.marginRight = offsetSize;
+        }
+        if (tbGutter) {
+          var _offsetSize = _xeUtils.default.isNumber(tbGutter) ? (0, _dom.toCssUnit)(-(tbGutter / 2)) : "calc(".concat((0, _dom.toCssUnit)(tbGutter), " / 2 * -1)");
+          style.marginTop = _offsetSize;
+          style.marginBottom = _offsetSize;
+        }
+      }
+      return style;
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeRow = this;
+      $xeRow.$emit(type, (0, _ui.createEvent)(evnt, {
+        $row: $xeRow
+      }, params));
+    },
+    clickEvent: function clickEvent(evnt) {
+      var $xeRow = this;
+      $xeRow.dispatchEvent('click', {}, evnt);
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeRow = this;
+      var props = $xeRow;
+      var slots = $xeRow.$scopedSlots;
+      var vertical = props.vertical,
+        wrap = props.wrap;
+      var rowStyle = $xeRow.computeRowStyle;
+      var defaultSlot = slots.default;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-row', {
+          'is--vertical': vertical,
+          'is--wrap': wrap
+        }],
+        style: rowStyle,
+        on: {
+          click: $xeRow.clickEvent
+        }
+      }, defaultSlot ? defaultSlot({}) : []);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/row/src/row.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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 _slicedToArray(e,r){return _arrayWithHoles(e)||_iterableToArrayLimit(e,r)||_unsupportedIterableToArray(e,r)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,r){var t;if(e)return"string"==typeof e?_arrayLikeToArray(e,r):"Map"===(t="Object"===(t={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:t)||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(e,r):void 0}function _arrayLikeToArray(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,i=Array(r);t<r;t++)i[t]=e[t];return i}function _iterableToArrayLimit(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var i,n,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(i=o.call(t)).done)&&(u.push(i.value),u.length!==r);l=!0);}catch(e){s=!0,n=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw n}}return u}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRow",mixins:[_ui.globalMixins.sizeMixin],props:{gutter:[Number,String,Array],wrap:{type:Boolean,default:function(){return(0,_ui.getConfig)().row.wrap}},vertical:Boolean,size:{type:String,default:function(){return(0,_ui.getConfig)().row.size||(0,_ui.getConfig)().size}}},provide:function(){return{$xeRow:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:{computeRowStyle:function(){var e,r=this.gutter,t=this.vertical,i={};return r&&(e=(r=_slicedToArray(_xeUtils.default.isArray(r)?r:[r],2))[0],r=r[1],t&&(r=e,e=""),e&&(t=_xeUtils.default.isNumber(e)?(0,_dom.toCssUnit)(-e/2):"calc(".concat((0,_dom.toCssUnit)(e)," / 2 * -1)"),i.marginLeft=t,i.marginRight=t),r)&&(e=_xeUtils.default.isNumber(r)?(0,_dom.toCssUnit)(-r/2):"calc(".concat((0,_dom.toCssUnit)(r)," / 2 * -1)"),i.marginTop=e,i.marginBottom=e),i}},methods:{dispatchEvent:function(e,r,t){this.$emit(e,(0,_ui.createEvent)(t,{$row:this},r))},clickEvent:function(e){this.dispatchEvent("click",{},e)},renderVN:function(e){var r=this,t=r.$scopedSlots,i=r.vertical,t=t.default;return e("div",{ref:"refElem",class:["vxe-row",{"is--vertical":i,"is--wrap":r.wrap}],style:r.computeRowStyle,on:{click:r.clickEvent}},t?t({}):[])}},render:function(e){return this.renderVN(e)}});

package/lib/row/style/index.js

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

package/lib/row/style/style.css

@@ -0,0 +1,116 @@
+.vxe-row {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+}
+.vxe-row.is--vertical {
+  flex-direction: column;
+}
+.vxe-row.is--wrap {
+  flex-wrap: wrap;
+}
+
+.vxe-col {
+  display: block;
+}
+.vxe-col.is--ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vxe-col.is--fill {
+  flex-grow: 1;
+}
+.vxe-col:not(.is--fill) {
+  flex-shrink: 0;
+}
+.vxe-col.align--left {
+  text-align: left;
+}
+.vxe-col.align--center {
+  text-align: center;
+}
+.vxe-col.align--right {
+  text-align: right;
+}
+.vxe-col.span1 {
+  width: 4.16667%;
+}
+.vxe-col.span2 {
+  width: 8.33333%;
+}
+.vxe-col.span3 {
+  width: 12.5%;
+}
+.vxe-col.span4 {
+  width: 16.66667%;
+}
+.vxe-col.span5 {
+  width: 20.83333%;
+}
+.vxe-col.span6 {
+  width: 25%;
+}
+.vxe-col.span7 {
+  width: 29.16667%;
+}
+.vxe-col.span8 {
+  width: 33.33333%;
+}
+.vxe-col.span9 {
+  width: 37.5%;
+}
+.vxe-col.span10 {
+  width: 41.66667%;
+}
+.vxe-col.span11 {
+  width: 45.83333%;
+}
+.vxe-col.span12 {
+  width: 50%;
+}
+.vxe-col.span13 {
+  width: 54.16667%;
+}
+.vxe-col.span14 {
+  width: 58.33333%;
+}
+.vxe-col.span15 {
+  width: 62.5%;
+}
+.vxe-col.span16 {
+  width: 66.66667%;
+}
+.vxe-col.span17 {
+  width: 70.83333%;
+}
+.vxe-col.span18 {
+  width: 75%;
+}
+.vxe-col.span19 {
+  width: 79.16667%;
+}
+.vxe-col.span20 {
+  width: 83.33333%;
+}
+.vxe-col.span21 {
+  width: 87.5%;
+}
+.vxe-col.span22 {
+  width: 91.66667%;
+}
+.vxe-col.span23 {
+  width: 95.83333%;
+}
+.vxe-col.span24 {
+  width: 100%;
+}
+
+.vxe-col--inner {
+  width: 100%;
+}
+
+.vxe-col.is--span > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-default-select, .vxe-col.is--span > .vxe-col--inner > .vxe-input, .vxe-col.is--span > .vxe-col--inner > .vxe-number-input, .vxe-col.is--span > .vxe-col--inner > .vxe-password-input, .vxe-col.is--span > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--span > .vxe-col--inner > .vxe-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-select, .vxe-col.is--span > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--span > .vxe-col--inner > .vxe-table-select, .vxe-col.is--span > .vxe-col--inner > .vxe-ico-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-default-select, .vxe-col.is--width > .vxe-col--inner > .vxe-input, .vxe-col.is--width > .vxe-col--inner > .vxe-number-input, .vxe-col.is--width > .vxe-col--inner > .vxe-password-input, .vxe-col.is--width > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-select, .vxe-col.is--width > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--width > .vxe-col--inner > .vxe-table-select, .vxe-col.is--width > .vxe-col--inner > .vxe-ico-picker {
+  width: 100%;
+}

package/lib/row/style/style.min.css

@@ -0,0 +1 @@
+.vxe-row{position:relative;display:flex;flex-direction:row;flex-grow:1}.vxe-row.is--vertical{flex-direction:column}.vxe-row.is--wrap{flex-wrap:wrap}.vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}

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 _dynamics = require("../dynamics");
+var _segmented = _interopRequireDefault(require("./src/segmented"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeSegmented = exports.VxeSegmented = Object.assign({}, _segmented.default, {
+  install: function install(app) {
+    app.component(_segmented.default.name, _segmented.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeSegmented);
+_core.VxeUI.component(_segmented.default);
+var Segmented = exports.Segmented = VxeSegmented;
+var _default = exports.default = VxeSegmented;

package/lib/segmented/index.min.js

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

package/lib/segmented/src/segmented.js

@@ -0,0 +1,260 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _dom = require("../../ui/src/dom");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function createReactData() {
+  return {
+    groupName: _xeUtils.default.uniqueId('xe_group_'),
+    selectStyle: {
+      display: '',
+      left: '',
+      width: ''
+    }
+  };
+}
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeSegmented',
+  mixins: [_ui.globalMixins.sizeMixin],
+  model: {
+    prop: 'value',
+    event: 'modelValue'
+  },
+  props: {
+    value: [String, Number],
+    name: [String, Number],
+    disabled: Boolean,
+    options: Array,
+    type: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().segmented.type;
+      }
+    },
+    status: String,
+    width: [String, Number],
+    height: [String, Number],
+    optionConfig: Object,
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().segmented.size || (0, _ui.getConfig)().size;
+      }
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = createReactData();
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeItemType: function computeItemType() {
+      var $xeSegmented = this;
+      var props = $xeSegmented;
+      var type = props.type;
+      if (type === 'round') {
+        return type;
+      }
+      if (type === 'inside') {
+        return type;
+      }
+      return 'default';
+    },
+    computeWrapperStyle: function computeWrapperStyle() {
+      var $xeSegmented = this;
+      var props = $xeSegmented;
+      var width = props.width;
+      var stys = {};
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
+      return stys;
+    },
+    computeOptionOpts: function computeOptionOpts() {
+      var $xeSegmented = this;
+      var props = $xeSegmented;
+      return Object.assign({}, (0, _ui.getConfig)().segmented.optionConfig, props.optionConfig);
+    },
+    computeItemList: function computeItemList() {
+      var $xeSegmented = this;
+      var props = $xeSegmented;
+      return props.options || [];
+    },
+    computeSelectIndex: function computeSelectIndex() {
+      var $xeSegmented = this;
+      var props = $xeSegmented;
+      var modelValue = props.value;
+      var itemList = $xeSegmented.computeItemList;
+      return _xeUtils.default.findIndexOf(itemList, function (item) {
+        return item.value === modelValue;
+      });
+    },
+    comIsFullWidth: function comIsFullWidth() {
+      var $xeSegmented = this;
+      var wrapperStyle = $xeSegmented.computeWrapperStyle;
+      return wrapperStyle.width === '100%';
+    }
+  }),
+  watch: {
+    computeSelectIndex: function computeSelectIndex() {
+      var $xeSegmented = this;
+      $xeSegmented.updateStyle();
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeSegmented = this;
+      $xeSegmented.$emit(type, (0, _ui.createEvent)(evnt, {
+        $segmented: $xeSegmented
+      }, params));
+    },
+    emitModel: function emitModel(value) {
+      var $xeSegmented = this;
+      var _events = $xeSegmented._events;
+      $xeSegmented.$emit('input', value);
+      if (_events && _events.modelValue) {
+        $xeSegmented.$emit('modelValue', value);
+      } else {
+        $xeSegmented.$emit('model-value', value);
+      }
+    },
+    changeEvent: function changeEvent(evnt, item) {
+      var $xeSegmented = this;
+      var value = item.value;
+      $xeSegmented.emitModel(value);
+      $xeSegmented.dispatchEvent('change', {
+        value: value
+      }, evnt);
+      $xeSegmented.updateStyle();
+    },
+    updateStyle: function updateStyle() {
+      var $xeSegmented = this;
+      var reactData = $xeSegmented.reactData;
+      $xeSegmented.$nextTick(function () {
+        var selectIndex = $xeSegmented.computeSelectIndex;
+        var wrapperElem = $xeSegmented.$refs.refWrapperElem;
+        var atStyle = {
+          display: '',
+          left: '',
+          width: ''
+        };
+        if (wrapperElem) {
+          var 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;
+      });
+    },
+    //
+    // Render
+    //
+    renderItems: function renderItems(h) {
+      var $xeSegmented = this;
+      var props = $xeSegmented;
+      var reactData = $xeSegmented.reactData;
+      var slots = $xeSegmented.$scopedSlots;
+      var modelValue = props.value,
+        name = props.name;
+      var groupName = reactData.groupName;
+      var optionOpts = $xeSegmented.computeOptionOpts;
+      var itemList = $xeSegmented.computeItemList;
+      var isFullWidth = $xeSegmented.comIsFullWidth;
+      var fullItemWidth = isFullWidth ? Math.max(0, 100 / itemList.length) : 0;
+      var defaultSlot = slots.default;
+      var itemVNs = [];
+      itemList.forEach(function (item, i) {
+        var icon = item.icon,
+          width = item.width;
+        var itemWidth = width || optionOpts.width;
+        itemVNs.push(h('label', {
+          key: i,
+          class: ['vxe-segmented--item', {
+            'is--checked': modelValue === item.value
+          }],
+          style: isFullWidth || itemWidth ? {
+            width: itemWidth ? (0, _dom.toCssUnit)(itemWidth) : fullItemWidth ? "".concat(fullItemWidth, "%") : ''
+          } : undefined
+        }, [h('input', {
+          class: 'vxe-segmented--input',
+          attrs: {
+            type: 'radio',
+            name: name || groupName
+          },
+          on: {
+            change: function change(evnt) {
+              $xeSegmented.changeEvent(evnt, item);
+            }
+          }
+        }), h('div', {
+          class: 'vxe-segmented--content'
+        }, [icon ? h('div', {
+          class: 'vxe-segmented--icon'
+        }, [h('i', {
+          class: icon
+        })]) : (0, _ui.renderEmptyElement)($xeSegmented), h('div', {
+          class: 'vxe-segmented--label'
+        }, defaultSlot ? defaultSlot({
+          option: item
+        }) : _xeUtils.default.eqNull(item.label) ? '' : "".concat(item.label))])]));
+      });
+      return itemVNs;
+    },
+    renderVN: function renderVN(h) {
+      var $xeSegmented = this;
+      var props = $xeSegmented;
+      var reactData = $xeSegmented.reactData;
+      var status = props.status;
+      var selectStyle = reactData.selectStyle;
+      var itemType = $xeSegmented.computeItemType;
+      var wrapperStyle = $xeSegmented.computeWrapperStyle;
+      var vSize = $xeSegmented.computeSize;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-segmented', "type--".concat(itemType), _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status)]
+      }, [h('div', {
+        class: 'vxe-segmented--group',
+        style: wrapperStyle
+      }, [h('div', {
+        ref: 'refSelectedElem',
+        class: 'vxe-segmented--selected',
+        style: selectStyle
+      }), h('div', {
+        ref: 'refWrapperElem',
+        class: 'vxe-segmented--inner'
+      }, $xeSegmented.renderItems(h))])]);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeSegmented = this;
+    var reactData = $xeSegmented.reactData;
+    _xeUtils.default.assign(reactData, createReactData());
+  },
+  mounted: function mounted() {
+    var $xeSegmented = this;
+    $xeSegmented.updateStyle();
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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 _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function createReactData(){return{groupName:_xeUtils.default.uniqueId("xe_group_"),selectStyle:{display:"",left:"",width:""}}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSegmented",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number],name:[String,Number],disabled:Boolean,options:Array,type:{type:String,default:function(){return(0,_ui.getConfig)().segmented.type}},status:String,width:[String,Number],height:[String,Number],optionConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().segmented.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:createReactData()}},computed:Object.assign(Object.assign({},{}),{computeItemType:function(){var e=this.type;return"round"===e||"inside"===e?e:"default"},computeWrapperStyle:function(){var e=this.width,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),t},computeOptionOpts:function(){return Object.assign({},(0,_ui.getConfig)().segmented.optionConfig,this.optionConfig)},computeItemList:function(){return this.options||[]},computeSelectIndex:function(){var t=this.value,e=this.computeItemList;return _xeUtils.default.findIndexOf(e,function(e){return e.value===t})},comIsFullWidth:function(){return"100%"===this.computeWrapperStyle.width}}),watch:{computeSelectIndex:function(){this.updateStyle()}},methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$segmented:this},t))},emitModel:function(e){var t=this,i=t._events;t.$emit("input",e),i&&i.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},changeEvent:function(e,t){t=t.value;this.emitModel(t),this.dispatchEvent("change",{value:t},e),this.updateStyle()},updateStyle:function(){var n=this,r=n.reactData;n.$nextTick(function(){var e=n.computeSelectIndex,t=n.$refs.refWrapperElem,i={display:"",left:"",width:""};t&&(t=t.children[e])&&(i.display="block",i.left=(0,_dom.toCssUnit)(t.offsetLeft),i.width=(0,_dom.toCssUnit)(t.clientWidth)),r.selectStyle=i})},renderItems:function(r){var o=this,e=o.reactData,t=o.$scopedSlots,u=o.value,a=o.name,s=e.groupName,l=o.computeOptionOpts,e=o.computeItemList,c=o.comIsFullWidth,d=c?Math.max(0,100/e.length):0,m=t.default,p=[];return e.forEach(function(t,e){var i=t.icon,n=t.width||l.width;p.push(r("label",{key:e,class:["vxe-segmented--item",{"is--checked":u===t.value}],style:c||n?{width:n?(0,_dom.toCssUnit)(n):d?"".concat(d,"%"):""}:void 0},[r("input",{class:"vxe-segmented--input",attrs:{type:"radio",name:a||s},on:{change:function(e){o.changeEvent(e,t)}}}),r("div",{class:"vxe-segmented--content"},[i?r("div",{class:"vxe-segmented--icon"},[r("i",{class:i})]):(0,_ui.renderEmptyElement)(o),r("div",{class:"vxe-segmented--label"},m?m({option:t}):_xeUtils.default.eqNull(t.label)?"":"".concat(t.label))])]))}),p},renderVN:function(e){var t=this,i=t.reactData,n=t.status,i=i.selectStyle,r=t.computeWrapperStyle,o=t.computeSize;return e("div",{ref:"refElem",class:["vxe-segmented","type--".concat(t.computeItemType),_defineProperty(_defineProperty({},"size--".concat(o),o),"theme--".concat(n),n)]},[e("div",{class:"vxe-segmented--group",style:r},[e("div",{ref:"refSelectedElem",class:"vxe-segmented--selected",style:i}),e("div",{ref:"refWrapperElem",class:"vxe-segmented--inner"},t.renderItems(e))])])}},beforeDestroy:function(){var e=this.reactData;_xeUtils.default.assign(e,createReactData())},mounted:function(){this.updateStyle()},render:function(e){return this.renderVN(e)}});

package/lib/segmented/style/index.js

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