vxe-pc-ui 3.0.0 → 3.0.1

package/lib/carousel/style/style.css

@@ -0,0 +1,185 @@
+.vxe-carousel {
+  position: relative;
+  font-size: var(--vxe-ui-font-size-default);
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  background-color: var(--vxe-ui-layout-background-color);
+  overflow: hidden;
+}
+.vxe-carousel:hover .vxe-carousel--indicators {
+  opacity: 1;
+}
+.vxe-carousel:hover .vxe-carousel--previous-btn,
+.vxe-carousel:hover .vxe-carousel--next-btn {
+  opacity: 1;
+}
+.vxe-carousel:hover.is--horizontal .vxe-carousel--previous-btn,
+.vxe-carousel:hover.is--horizontal .vxe-carousel--next-btn {
+  transform: translate(0, -50%);
+}
+.vxe-carousel:hover.is--vertical .vxe-carousel--previous-btn,
+.vxe-carousel:hover.is--vertical .vxe-carousel--next-btn {
+  transform: translate(-50%, 0);
+}
+.vxe-carousel.is--horizontal .vxe-carousel--list {
+  height: 100%;
+  flex-direction: row;
+}
+.vxe-carousel.is--horizontal .vxe-carousel--indicators {
+  flex-direction: row;
+  bottom: 0.3em;
+  left: 50%;
+  padding: 0.15em 0.3em;
+  transform: translateX(-50%);
+}
+.vxe-carousel.is--horizontal .vxe-carousel--indicators:hover {
+  transform: translateX(-50%) scale(1.1);
+}
+.vxe-carousel.is--horizontal .vxe-carousel--indicators-item {
+  margin: 0.2em 0.25em;
+}
+.vxe-carousel.is--horizontal .vxe-carousel--previous-btn,
+.vxe-carousel.is--horizontal .vxe-carousel--next-btn {
+  top: 50%;
+  transform: translate(0, -50%);
+}
+.vxe-carousel.is--horizontal .vxe-carousel--previous-btn:hover,
+.vxe-carousel.is--horizontal .vxe-carousel--next-btn:hover {
+  transform: translate(0, -50%) scale(1.1);
+}
+.vxe-carousel.is--horizontal .vxe-carousel--previous-btn:active,
+.vxe-carousel.is--horizontal .vxe-carousel--next-btn:active {
+  transform: translate(0, -50%) scale(0.8);
+}
+.vxe-carousel.is--horizontal .vxe-carousel--previous-btn {
+  left: 0.3em;
+  transform: translate(-0.8em, -50%);
+}
+.vxe-carousel.is--horizontal .vxe-carousel--next-btn {
+  right: 0.3em;
+  transform: translate(0.8em, -50%);
+}
+.vxe-carousel.is--vertical .vxe-carousel--list {
+  width: 100%;
+  flex-direction: column;
+}
+.vxe-carousel.is--vertical .vxe-carousel--indicators {
+  display: flex;
+  flex-direction: column;
+  padding: 0.3em 0.15em;
+  top: 50%;
+  right: 0.3em;
+  transform: translateY(-50%);
+}
+.vxe-carousel.is--vertical .vxe-carousel--indicators:hover {
+  transform: translateY(-50%) scale(1.1);
+}
+.vxe-carousel.is--vertical .vxe-carousel--indicators-item {
+  margin: 0.25em 0.2em;
+}
+.vxe-carousel.is--vertical .vxe-carousel--previous-btn,
+.vxe-carousel.is--vertical .vxe-carousel--next-btn {
+  left: 50%;
+}
+.vxe-carousel.is--vertical .vxe-carousel--previous-btn:hover,
+.vxe-carousel.is--vertical .vxe-carousel--next-btn:hover {
+  transform: translate(-50%, 0) scale(1.1);
+}
+.vxe-carousel.is--vertical .vxe-carousel--previous-btn:active,
+.vxe-carousel.is--vertical .vxe-carousel--next-btn:active {
+  transform: translate(-50%, 0) scale(0.8);
+}
+.vxe-carousel.is--vertical .vxe-carousel--previous-btn {
+  top: 0.3em;
+  transform: translate(-50%, -0.8em);
+}
+.vxe-carousel.is--vertical .vxe-carousel--next-btn {
+  bottom: 0.3em;
+  transform: translate(-50%, 0.8em);
+}
+
+.vxe-carousel--slots {
+  display: none;
+}
+
+.vxe-carousel--item-wrapper {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.vxe-carousel--list {
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: flex;
+  outline: 0;
+  transition: transform 0.2s ease-in-out;
+}
+
+.vxe-carousel--item-inner {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  flex-grow: 1;
+}
+
+.vxe-carousel--item-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.vxe-carousel--indicators {
+  position: absolute;
+  display: inline-flex;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 0.6em;
+  opacity: 0;
+  transition: all 0.3s ease-in-out;
+}
+
+.vxe-carousel--indicators-item {
+  width: 0.8em;
+  height: 0.8em;
+  border-radius: 50%;
+  background-color: rgba(255, 255, 255, 0.8);
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+}
+.vxe-carousel--indicators-item.is--active {
+  background-color: rgb(255, 255, 255);
+}
+.vxe-carousel--indicators-item:hover {
+  background-color: rgba(255, 255, 255, 0.9);
+}
+.vxe-carousel--indicators-item:active {
+  background-color: var(--vxe-ui-font-primary-color);
+  transform: scale(0.8);
+}
+
+.vxe-carousel--previous-btn,
+.vxe-carousel--next-btn {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  width: 1.8em;
+  height: 1.8em;
+  border-radius: 50%;
+  font-size: 1.4em;
+  background-color: rgba(0, 0, 0, 0.8);
+  opacity: 0;
+  color: rgba(255, 255, 255, 0.6);
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+}
+.vxe-carousel--previous-btn:hover,
+.vxe-carousel--next-btn:hover {
+  color: rgb(255, 255, 255);
+}
+.vxe-carousel--previous-btn:active,
+.vxe-carousel--next-btn:active {
+  color: var(--vxe-ui-font-primary-color);
+  background-color: rgba(0, 0, 0, 0.6);
+}

package/lib/carousel/style/style.min.css

@@ -0,0 +1 @@
+.vxe-carousel{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);overflow:hidden}.vxe-carousel:hover .vxe-carousel--indicators{opacity:1}.vxe-carousel:hover .vxe-carousel--next-btn,.vxe-carousel:hover .vxe-carousel--previous-btn{opacity:1}.vxe-carousel:hover.is--horizontal .vxe-carousel--next-btn,.vxe-carousel:hover.is--horizontal .vxe-carousel--previous-btn{transform:translate(0,-50%)}.vxe-carousel:hover.is--vertical .vxe-carousel--next-btn,.vxe-carousel:hover.is--vertical .vxe-carousel--previous-btn{transform:translate(-50%,0)}.vxe-carousel.is--horizontal .vxe-carousel--list{height:100%;flex-direction:row}.vxe-carousel.is--horizontal .vxe-carousel--indicators{flex-direction:row;bottom:.3em;left:50%;padding:.15em .3em;transform:translateX(-50%)}.vxe-carousel.is--horizontal .vxe-carousel--indicators:hover{transform:translateX(-50%) scale(1.1)}.vxe-carousel.is--horizontal .vxe-carousel--indicators-item{margin:.2em .25em}.vxe-carousel.is--horizontal .vxe-carousel--next-btn,.vxe-carousel.is--horizontal .vxe-carousel--previous-btn{top:50%;transform:translate(0,-50%)}.vxe-carousel.is--horizontal .vxe-carousel--next-btn:hover,.vxe-carousel.is--horizontal .vxe-carousel--previous-btn:hover{transform:translate(0,-50%) scale(1.1)}.vxe-carousel.is--horizontal .vxe-carousel--next-btn:active,.vxe-carousel.is--horizontal .vxe-carousel--previous-btn:active{transform:translate(0,-50%) scale(.8)}.vxe-carousel.is--horizontal .vxe-carousel--previous-btn{left:.3em;transform:translate(-.8em,-50%)}.vxe-carousel.is--horizontal .vxe-carousel--next-btn{right:.3em;transform:translate(.8em,-50%)}.vxe-carousel.is--vertical .vxe-carousel--list{width:100%;flex-direction:column}.vxe-carousel.is--vertical .vxe-carousel--indicators{display:flex;flex-direction:column;padding:.3em .15em;top:50%;right:.3em;transform:translateY(-50%)}.vxe-carousel.is--vertical .vxe-carousel--indicators:hover{transform:translateY(-50%) scale(1.1)}.vxe-carousel.is--vertical .vxe-carousel--indicators-item{margin:.25em .2em}.vxe-carousel.is--vertical .vxe-carousel--next-btn,.vxe-carousel.is--vertical .vxe-carousel--previous-btn{left:50%}.vxe-carousel.is--vertical .vxe-carousel--next-btn:hover,.vxe-carousel.is--vertical .vxe-carousel--previous-btn:hover{transform:translate(-50%,0) scale(1.1)}.vxe-carousel.is--vertical .vxe-carousel--next-btn:active,.vxe-carousel.is--vertical .vxe-carousel--previous-btn:active{transform:translate(-50%,0) scale(.8)}.vxe-carousel.is--vertical .vxe-carousel--previous-btn{top:.3em;transform:translate(-50%,-.8em)}.vxe-carousel.is--vertical .vxe-carousel--next-btn{bottom:.3em;transform:translate(-50%,.8em)}.vxe-carousel--slots{display:none}.vxe-carousel--item-wrapper{position:relative;width:100%;overflow:hidden}.vxe-carousel--list{position:absolute;left:0;top:0;display:flex;outline:0;transition:transform .2s ease-in-out}.vxe-carousel--item-inner{width:100%;height:100%;text-align:center;flex-grow:1}.vxe-carousel--item-img{max-width:100%;max-height:100%}.vxe-carousel--indicators{position:absolute;display:inline-flex;background-color:rgba(0,0,0,.6);border-radius:.6em;opacity:0;transition:all .3s ease-in-out}.vxe-carousel--indicators-item{width:.8em;height:.8em;border-radius:50%;background-color:rgba(255,255,255,.8);cursor:pointer;transition:all .2s ease-in-out}.vxe-carousel--indicators-item.is--active{background-color:#fff}.vxe-carousel--indicators-item:hover{background-color:rgba(255,255,255,.9)}.vxe-carousel--indicators-item:active{background-color:var(--vxe-ui-font-primary-color);transform:scale(.8)}.vxe-carousel--next-btn,.vxe-carousel--previous-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;width:1.8em;height:1.8em;border-radius:50%;font-size:1.4em;background-color:rgba(0,0,0,.8);opacity:0;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s ease-in-out}.vxe-carousel--next-btn:hover,.vxe-carousel--previous-btn:hover{color:#fff}.vxe-carousel--next-btn:active,.vxe-carousel--previous-btn:active{color:var(--vxe-ui-font-primary-color);background-color:rgba(0,0,0,.6)}

package/lib/carousel-item/index.js

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

package/lib/carousel-item/index.min.js

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

package/lib/carousel-item/style/index.js

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

package/lib/checkbox/index.js

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

package/lib/checkbox/index.min.js

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

package/lib/checkbox/src/checkbox.js

@@ -0,0 +1,169 @@
+"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 _utils = require("../../ui/src/utils");
+var _ui = require("../../ui");
+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); }
+var _default2 = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeCheckbox',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    value: [String, Number, Boolean],
+    label: {
+      type: [String, Number],
+      default: null
+    },
+    indeterminate: Boolean,
+    title: [String, Number],
+    checkedValue: {
+      type: [String, Number, Boolean],
+      default: true
+    },
+    uncheckedValue: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    content: [String, Number],
+    disabled: {
+      type: Boolean,
+      default: null
+    },
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().checkbox.size || (0, _ui.getConfig)().size;
+      }
+    }
+  },
+  inject: {
+    $xeForm: {
+      default: null
+    },
+    formItemInfo: {
+      from: 'xeFormItemInfo',
+      default: null
+    },
+    $xeCheckboxGroup: {
+      default: null
+    }
+  },
+  data: function data() {
+    var reactData = {};
+    return {
+      xID: _xeUtils.default.uniqueId(),
+      reactData: reactData
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeIsChecked: function computeIsChecked() {
+      var $xeCheckbox = this;
+      var props = $xeCheckbox;
+      var $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
+      if ($xeCheckboxGroup) {
+        return _xeUtils.default.includes($xeCheckboxGroup.value, props.label);
+      }
+      return props.value === props.checkedValue;
+    },
+    computeIsDisabled: function computeIsDisabled() {
+      var $xeCheckbox = this;
+      var props = $xeCheckbox;
+      var $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
+      var disabled = props.disabled;
+      var isChecked = $xeCheckbox.computeIsChecked;
+      if (disabled === null) {
+        if ($xeCheckboxGroup) {
+          var isGroupDisabled = $xeCheckboxGroup.computeIsDisabled;
+          var isGroupMaximize = $xeCheckboxGroup.computeIsMaximize;
+          return isGroupDisabled || isGroupMaximize && !isChecked;
+        }
+      }
+      return disabled;
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeCheckbox = this;
+      $xeCheckbox.$emit(type, (0, _ui.createEvent)(evnt, {
+        $checkbox: $xeCheckbox
+      }, params));
+    },
+    changeEvent: function changeEvent(evnt) {
+      var $xeCheckbox = this;
+      var props = $xeCheckbox;
+      var $xeCheckboxGroup = $xeCheckbox.$xeCheckboxGroup;
+      var $xeForm = $xeCheckbox.$xeForm;
+      var formItemInfo = $xeCheckbox.formItemInfo;
+      var checkedValue = props.checkedValue,
+        uncheckedValue = props.uncheckedValue;
+      var isDisabled = $xeCheckbox.computeIsDisabled;
+      if (!isDisabled) {
+        var checked = evnt.target.checked;
+        var value = checked ? checkedValue : uncheckedValue;
+        var params = {
+          checked: checked,
+          value: value,
+          label: props.label
+        };
+        if ($xeCheckboxGroup) {
+          $xeCheckboxGroup.handleChecked(params, evnt);
+        } else {
+          $xeCheckbox.$emit('input', value);
+          $xeCheckbox.dispatchEvent('change', params, evnt);
+          // 自动更新校验状态
+          if ($xeForm && formItemInfo) {
+            $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+          }
+        }
+      }
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeCheckbox = this;
+      var props = $xeCheckbox;
+      var slots = $xeCheckbox.$scopedSlots;
+      var vSize = $xeCheckbox.computeSize;
+      var isDisabled = $xeCheckbox.computeIsDisabled;
+      var isChecked = $xeCheckbox.computeIsChecked;
+      var indeterminate = !isChecked && props.indeterminate;
+      return h('label', {
+        class: ['vxe-checkbox', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--indeterminate', indeterminate), 'is--disabled', isDisabled), 'is--checked', isChecked)],
+        attrs: {
+          title: props.title
+        }
+      }, [h('input', {
+        class: 'vxe-checkbox--input',
+        domProps: {
+          checked: isChecked
+        },
+        attrs: {
+          type: 'checkbox',
+          disabled: isDisabled
+        },
+        on: {
+          change: $xeCheckbox.changeEvent
+        }
+      }), h('span', {
+        class: ['vxe-checkbox--icon', indeterminate ? (0, _ui.getIcon)().CHECKBOX_INDETERMINATE : isChecked ? (0, _ui.getIcon)().CHECKBOX_CHECKED : (0, _ui.getIcon)().CHECKBOX_UNCHECKED]
+      }), h('span', {
+        class: 'vxe-checkbox--label'
+      }, slots.default ? slots.default({}) : (0, _utils.getFuncText)(props.content))]);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});

package/lib/checkbox/src/checkbox.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")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");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.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckbox",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:{type:Boolean,default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().checkbox.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null},$xeCheckboxGroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsChecked:function(){var e=this,t=this.$xeCheckboxGroup;return t?_xeUtils.default.includes(t.value,e.label):e.value===e.checkedValue},computeIsDisabled:function(){var e,t=this,i=t.$xeCheckboxGroup,n=t.disabled,t=t.computeIsChecked;if(null===n&&i)return e=i.computeIsDisabled,i=i.computeIsMaximize,e||i&&!t;return n}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$checkbox:this},t))},changeEvent:function(e){var t,i=this,n=i.$xeCheckboxGroup,o=i.$xeForm,r=i.formItemInfo,u=i.checkedValue;i.computeIsDisabled||(u={checked:t=e.target.checked,value:t=t?u:i.uncheckedValue,label:i.label},n?n.handleChecked(u,e):(i.$emit("input",t),i.dispatchEvent("change",u,e),o&&r&&o.triggerItemEvent(e,r.itemConfig.field,t)))},renderVN:function(e){var t=this,i=t,n=t.$scopedSlots,o=t.computeSize,r=t.computeIsDisabled,u=t.computeIsChecked,c=!u&&i.indeterminate;return e("label",{class:["vxe-checkbox",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(o),o),"is--indeterminate",c),"is--disabled",r),"is--checked",u)],attrs:{title:i.title}},[e("input",{class:"vxe-checkbox--input",domProps:{checked:u},attrs:{type:"checkbox",disabled:r},on:{change:t.changeEvent}}),e("span",{class:["vxe-checkbox--icon",c?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:u?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]}),e("span",{class:"vxe-checkbox--label"},n.default?n.default({}):(0,_utils.getFuncText)(i.content))])}},render:function(e){return this.renderVN(e)}});

package/lib/checkbox/src/group.js

@@ -0,0 +1,164 @@
+"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 _checkbox = _interopRequireDefault(require("./checkbox"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default2 = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeCheckboxGroup',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    value: Array,
+    options: Array,
+    optionProps: Object,
+    disabled: {
+      type: Boolean,
+      default: null
+    },
+    max: {
+      type: [String, Number],
+      default: null
+    },
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().checkboxGroup.size || (0, _ui.getConfig)().size;
+      }
+    }
+  },
+  inject: {
+    $xeForm: {
+      default: null
+    },
+    formItemInfo: {
+      from: 'xeFormItemInfo',
+      default: null
+    }
+  },
+  provide: function provide() {
+    var $xeCheckboxGroup = this;
+    return {
+      $xeCheckboxGroup: $xeCheckboxGroup
+    };
+  },
+  data: function data() {
+    var reactData = {};
+    return {
+      xID: _xeUtils.default.uniqueId(),
+      reactData: reactData
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeIsDisabled: function computeIsDisabled() {
+      var $xeCheckboxGroup = this;
+      var props = $xeCheckboxGroup;
+      var $xeForm = $xeCheckboxGroup.$xeForm;
+      var disabled = props.disabled;
+      if (disabled === null) {
+        if ($xeForm) {
+          return $xeForm.readonly || $xeForm.disabled;
+        }
+        return false;
+      }
+      return disabled;
+    },
+    computeIsMaximize: function computeIsMaximize() {
+      var $xeCheckboxGroup = this;
+      var props = $xeCheckboxGroup;
+      var value = props.value,
+        max = props.max;
+      if (max) {
+        return (value ? value.length : 0) >= _xeUtils.default.toNumber(max);
+      }
+      return false;
+    },
+    computePropsOpts: function computePropsOpts() {
+      var $xeCheckboxGroup = this;
+      var props = $xeCheckboxGroup;
+      return Object.assign({}, props.optionProps);
+    },
+    computeLabelField: function computeLabelField() {
+      var $xeCheckboxGroup = this;
+      var propsOpts = $xeCheckboxGroup.computePropsOpts;
+      return propsOpts.label || 'label';
+    },
+    computeValueField: function computeValueField() {
+      var $xeCheckboxGroup = this;
+      var propsOpts = $xeCheckboxGroup.computePropsOpts;
+      return propsOpts.value || 'value';
+    },
+    computeDisabledField: function computeDisabledField() {
+      var $xeCheckboxGroup = this;
+      var propsOpts = $xeCheckboxGroup.computePropsOpts;
+      return propsOpts.disabled || 'disabled';
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeCheckboxGroup = this;
+      $xeCheckboxGroup.$emit(type, (0, _ui.createEvent)(evnt, {
+        $checkboxGroup: $xeCheckboxGroup
+      }, params));
+    },
+    handleChecked: function handleChecked(params, evnt) {
+      var $xeCheckboxGroup = this;
+      var props = $xeCheckboxGroup;
+      var $xeForm = $xeCheckboxGroup.$xeForm;
+      var formItemInfo = $xeCheckboxGroup.formItemInfo;
+      var checked = params.checked,
+        label = params.label;
+      var checklist = props.value || [];
+      var checkIndex = checklist.indexOf(label);
+      if (checked) {
+        if (checkIndex === -1) {
+          checklist.push(label);
+        }
+      } else {
+        checklist.splice(checkIndex, 1);
+      }
+      $xeCheckboxGroup.$emit('input', checklist);
+      $xeCheckboxGroup.dispatchEvent('change', Object.assign({
+        checklist: checklist
+      }, params), evnt);
+      // 自动更新校验状态
+      if ($xeForm && formItemInfo) {
+        $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
+      }
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeCheckboxGroup = this;
+      var props = $xeCheckboxGroup;
+      var slots = $xeCheckboxGroup.$scopedSlots;
+      var options = props.options;
+      var defaultSlot = slots.default;
+      var valueField = $xeCheckboxGroup.computeValueField;
+      var labelField = $xeCheckboxGroup.computeLabelField;
+      var disabledField = $xeCheckboxGroup.computeDisabledField;
+      return h('div', {
+        class: 'vxe-checkbox-group'
+      }, defaultSlot ? defaultSlot({}) : options ? options.map(function (item) {
+        return h(_checkbox.default, {
+          props: {
+            label: item[valueField],
+            content: item[labelField],
+            disabled: item[disabledField]
+          }
+        });
+      }) : []);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});

package/lib/checkbox/src/group.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"),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxGroup",mixins:[_ui.globalMixins.sizeMixin],props:{value:Array,options:Array,optionProps:Object,disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeCheckboxGroup:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&(e.readonly||e.disabled):t},computeIsMaximize:function(){var e=this.value,t=this.max;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeDisabledField:function(){return this.computePropsOpts.disabled||"disabled"}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$checkboxGroup:this},t))},handleChecked:function(e,t){var i=this,u=i.$xeForm,o=i.formItemInfo,n=e.checked,r=e.label,l=i.value||[],s=l.indexOf(r);n?-1===s&&l.push(r):l.splice(s,1),i.$emit("input",l),i.dispatchEvent("change",Object.assign({checklist:l},e),t),u&&o&&u.triggerItemEvent(t,o.itemConfig.field,l)},renderVN:function(t){var e=this,i=e.$scopedSlots,u=e.options,i=i.default,o=e.computeValueField,n=e.computeLabelField,r=e.computeDisabledField;return t("div",{class:"vxe-checkbox-group"},i?i({}):u?u.map(function(e){return t(_checkbox.default,{props:{label:e[o],content:e[n],disabled:e[r]}})}):[])}},render:function(e){return this.renderVN(e)}});

package/lib/checkbox/style/index.js

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