vxe-pc-ui 3.0.0 → 3.0.1

package/lib/pulldown/src/pulldown.min.js

@@ -1 +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"),_utils=require("../../ui/src/utils");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,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,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 n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:function(){return(0,_ui.getConfig)().size}},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeTable:{default:null},$xeForm:{default:null}},data:function(){var e={hpTimeout:void 0};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,visibleAnimate:!1,isActivated:!1},internalData:e}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeModal,n=e.$xeDrawer,i=e.$xeTable,l=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(o))return o;if(i||t||n||l)return!0}return e}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$pulldown:this},t))},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},isPanelVisible:function(){return this.reactData.visiblePanel},updatePlacement:function(){var p=this,f=p,v=p.reactData;return p.$nextTick().then(function(){var e,t,n,i,l,o,a,r,u=f.placement,s=v.panelIndex,d=v.visiblePanel,c=p.computeBtnTransfer;return d&&(d=p.$refs.refPulldownContent,i=p.$refs.refPulldownPanel)&&d&&(e=d.offsetHeight,t=d.offsetWidth,n=i.offsetHeight,i=i.offsetWidth,s={zIndex:s},l=(d=(0,_dom.getAbsolutePos)(d)).boundingTop,o=d.visibleHeight,a=d.visibleWidth,r="bottom",c?(c=l+e,"top"===u?(r="top",c=l-n):u||(o<c+n+5&&(r="top",c=l-n),c<5&&(r="bottom",c=l+e)),a<(d=d.boundingLeft)+i+5&&(d-=d+i+5-a),d<5&&(d=5),Object.assign(s,{left:"".concat(d,"px"),top:"".concat(c,"px"),minWidth:"".concat(t,"px")})):"top"===u?(r="top",s.bottom="".concat(e,"px")):u||o<l+e+n&&5<l-e-n&&(r="top",s.bottom="".concat(e,"px")),v.panelStyle=s,v.panelPlacement=r),p.$nextTick()})},showPanel:function(){var t=this,n=t,i=t.reactData,l=t.internalData,e=t.computeBtnTransfer,o=t.$refs.refPulldownPanel;return i.initialized||(i.initialized=!0,e&&o&&document.body.appendChild(o)),new Promise(function(e){n.disabled?t.$nextTick(function(){e()}):(l.hpTimeout&&clearTimeout(l.hpTimeout),i.isActivated=!0,i.visibleAnimate=!0,setTimeout(function(){i.visiblePanel=!0,t.$emit("modelValue",!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex())})},hidePanel:function(){var t=this,n=t.reactData,i=t.internalData;return n.visiblePanel=!1,t.$emit("modelValue",!1),new Promise(function(e){n.visibleAnimate?i.hpTimeout=window.setTimeout(function(){n.visibleAnimate=!1,t.$nextTick(function(){e()})},350):t.$nextTick(function(){e()})})},togglePanel:function(){return this.reactData.visiblePanel?this.hidePanel():this.showPanel()},handleOptionEvent:function(e,t){t.disabled||(this.hidePanel(),this.dispatchEvent("option-click",{option:t},e))},clickTargetEvent:function(e){var t=this,n=t.reactData;"click"===t.trigger&&(n.visiblePanel?t.hidePanel():t.showPanel()),t.dispatchEvent("click",{$pulldown:t},e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData,i=t.disabled,n=n.visiblePanel,l=t.$refs.refPulldownPanel;i||n&&((0,_dom.getEventTargetNode)(e,l).flag?t.updatePlacement():(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=t.disabled,l=n.visiblePanel,o=t.$refs.refElem,a=t.$refs.refPulldownPanel;i||(n.isActivated=(0,_dom.getEventTargetNode)(e,o).flag||(0,_dom.getEventTargetNode)(e,a).flag,l&&!n.isActivated&&(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalBlurEvent:function(e){var t=this.reactData;t.visiblePanel&&(t.isActivated=!1,this.hidePanel(),this.dispatchEvent("hide-panel",{},e))},renderDefaultPanel:function(e,t){var n=this,i=n.$scopedSlots.option;return e("div",{class:"vxe-pulldown--panel-list"},t?t.map(function(t){return e("div",{class:"vxe-pulldown--panel-item",on:{click:function(e){n.handleOptionEvent(e,t)}}},i?i({$pulldown:n,option:t}):"".concat(t.label||""))}):[])},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.reactData,l=t.className,o=t.options,a=t.popupClassName,r=t.showPopupShadow,u=t.destroyOnClose,s=t.disabled,d=i.initialized,c=i.isActivated,p=i.visibleAnimate,f=i.visiblePanel,v=i.panelStyle,i=i.panelPlacement,m=t.computeBtnTransfer,h=t.computeSize,b=n.default,P=n.header,w=n.footer,n=n.dropdown;return e("div",{ref:"refElem",class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--visible",f),"is--disabled",s),"is--active",c)]},[e("div",{ref:"refPulldownContent",class:"vxe-pulldown--content",on:{click:t.clickTargetEvent}},b?b({$pulldown:t}):[]),e("div",{ref:"refPulldownPanel",class:["vxe-table--ignore-clear vxe-pulldown--panel",a?_xeUtils.default.isFunction(a)?a({$pulldown:t}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--shadow",r),"is--transfer",m),"ani--leave",p),"ani--enter",f)],attrs:{placement:i},style:v},d?[e("div",{class:"vxe-pulldown--panel-wrapper"},!d||u&&!f&&!p?[]:[P?e("div",{class:"vxe-pulldown--panel-header"},P({$pulldown:t})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-pulldown--panel-body"},n?n({$pulldown:t}):[t.renderDefaultPanel(e,o)]),w?e("div",{class:"vxe-pulldown--panel-footer"},w({$pulldown:t})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{value:function(e){e?this.showPanel():this.hidePanel()}},created:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refPulldownPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
+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"),_utils=require("../../ui/src/utils");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,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,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 n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:function(){return(0,_ui.getConfig)().size}},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,visibleAnimate:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeModal,n=e.$xeDrawer,i=e.$xeTable,l=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(o))return o;if(i||t||n||l)return!0}return e}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$pulldown:this},t))},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},isPanelVisible:function(){return this.reactData.visiblePanel},updatePlacement:function(){var p=this,f=p,v=p.reactData;return p.$nextTick().then(function(){var e,t,n,i,l,o,a,r,u=f.placement,s=v.panelIndex,d=v.visiblePanel,c=p.computeBtnTransfer;return d&&(d=p.$refs.refPulldownContent,i=p.$refs.refPulldownPanel)&&d&&(e=d.offsetHeight,t=d.offsetWidth,n=i.offsetHeight,i=i.offsetWidth,s={zIndex:s},l=(d=(0,_dom.getAbsolutePos)(d)).boundingTop,o=d.visibleHeight,a=d.visibleWidth,r="bottom",c?(c=l+e,"top"===u?(r="top",c=l-n):u||(o<c+n+5&&(r="top",c=l-n),c<5&&(r="bottom",c=l+e)),a<(d=d.boundingLeft)+i+5&&(d-=d+i+5-a),d<5&&(d=5),Object.assign(s,{left:"".concat(d,"px"),top:"".concat(c,"px"),minWidth:"".concat(t,"px")})):"top"===u?(r="top",s.bottom="".concat(e,"px")):u||o<l+e+n&&5<l-e-n&&(r="top",s.bottom="".concat(e,"px")),v.panelStyle=s,v.panelPlacement=r),p.$nextTick()})},showPanel:function(){var t=this,n=t,i=t.reactData,l=t.internalData,e=t.computeBtnTransfer,o=t.$refs.refPulldownPanel;return i.initialized||(i.initialized=!0,e&&o&&document.body.appendChild(o)),new Promise(function(e){n.disabled?t.$nextTick(function(){e()}):(l.hpTimeout&&clearTimeout(l.hpTimeout),i.isActivated=!0,i.visibleAnimate=!0,setTimeout(function(){i.visiblePanel=!0,t.$emit("modelValue",!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex())})},hidePanel:function(){var t=this,n=t.reactData,i=t.internalData;return n.visiblePanel=!1,t.$emit("modelValue",!1),new Promise(function(e){n.visibleAnimate?i.hpTimeout=window.setTimeout(function(){n.visibleAnimate=!1,t.$nextTick(function(){e()})},350):t.$nextTick(function(){e()})})},togglePanel:function(){return this.reactData.visiblePanel?this.hidePanel():this.showPanel()},handleOptionEvent:function(e,t){t.disabled||(this.hidePanel(),this.dispatchEvent("option-click",{option:t},e))},clickTargetEvent:function(e){var t=this,n=t.reactData;"click"===t.trigger&&(n.visiblePanel?t.hidePanel():t.showPanel()),t.dispatchEvent("click",{$pulldown:t},e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData,i=t.disabled,n=n.visiblePanel,l=t.$refs.refPulldownPanel;i||n&&((0,_dom.getEventTargetNode)(e,l).flag?t.updatePlacement():(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=t.disabled,l=n.visiblePanel,o=t.$refs.refElem,a=t.$refs.refPulldownPanel;i||(n.isActivated=(0,_dom.getEventTargetNode)(e,o).flag||(0,_dom.getEventTargetNode)(e,a).flag,l&&!n.isActivated&&(t.hidePanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalBlurEvent:function(e){var t=this.reactData;t.visiblePanel&&(t.isActivated=!1,this.hidePanel(),this.dispatchEvent("hide-panel",{},e))},renderDefaultPanel:function(e,t){var n=this,i=n.$scopedSlots.option;return e("div",{class:"vxe-pulldown--panel-list"},t?t.map(function(t){return e("div",{class:"vxe-pulldown--panel-item",on:{click:function(e){n.handleOptionEvent(e,t)}}},i?i({$pulldown:n,option:t}):"".concat(t.label||""))}):[])},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.reactData,l=t.className,o=t.options,a=t.popupClassName,r=t.showPopupShadow,u=t.destroyOnClose,s=t.disabled,d=i.initialized,c=i.isActivated,p=i.visibleAnimate,f=i.visiblePanel,v=i.panelStyle,i=i.panelPlacement,m=t.computeBtnTransfer,h=t.computeSize,b=n.default,P=n.header,w=n.footer,n=n.dropdown;return e("div",{ref:"refElem",class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--visible",f),"is--disabled",s),"is--active",c)]},[e("div",{ref:"refPulldownContent",class:"vxe-pulldown--content",on:{click:t.clickTargetEvent}},b?b({$pulldown:t}):[]),e("div",{ref:"refPulldownPanel",class:["vxe-table--ignore-clear vxe-pulldown--panel",a?_xeUtils.default.isFunction(a)?a({$pulldown:t}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--shadow",r),"is--transfer",m),"ani--leave",p),"ani--enter",f)],attrs:{placement:i},style:v},d?[e("div",{class:"vxe-pulldown--panel-wrapper"},!d||u&&!f&&!p?[]:[P?e("div",{class:"vxe-pulldown--panel-header"},P({$pulldown:t})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-pulldown--panel-body"},n?n({$pulldown:t}):[t.renderDefaultPanel(e,o)]),w?e("div",{class:"vxe-pulldown--panel-footer"},w({$pulldown:t})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{value:function(e){e?this.showPanel():this.hidePanel()}},created:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refPulldownPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});

package/lib/select/index.js

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

package/lib/select/index.min.js

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

package/lib/select/src/optgroup.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _ui = require("../../ui");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _util = require("./util");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeOptgroup',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    label: {
+      type: [String, Number, Boolean],
+      default: ''
+    },
+    visible: {
+      type: Boolean,
+      default: null
+    },
+    className: [String, Function],
+    disabled: Boolean
+  },
+  inject: {
+    $xeSelect: {
+      default: null
+    }
+  },
+  provide: function provide() {
+    var $xeOptgroup = this;
+    return {
+      $xeOptgroup: $xeOptgroup
+    };
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {};
+    var optionConfig = {};
+    return {
+      xID: xID,
+      reactData: reactData,
+      optionConfig: optionConfig
+    };
+  },
+  computed: Object.assign({}, {}),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeOptgroup = this;
+      $xeOptgroup.$emit(type, (0, _ui.createEvent)(evnt, {
+        $optgroup: $xeOptgroup
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeOptgroup = this;
+      var slots = $xeOptgroup.$scopedSlots;
+      var defaultSlot = slots.default;
+      return h('div', {
+        ref: 'elem'
+      }, defaultSlot ? defaultSlot({}) : []);
+    }
+  },
+  created: function created() {
+    var $xeOptgroup = this;
+    var props = $xeOptgroup;
+    var slots = $xeOptgroup.$scopedSlots;
+    var $xeSelect = $xeOptgroup.$xeSelect;
+    var optionConfig = (0, _util.createOption)($xeSelect, props);
+    optionConfig.slots = slots;
+    $xeOptgroup.optionConfig = optionConfig;
+    (0, _util.watchOption)($xeOptgroup, optionConfig);
+  },
+  mounted: function mounted() {
+    var $xeOptgroup = this;
+    var optionConfig = $xeOptgroup.optionConfig;
+    var $xeSelect = $xeOptgroup.$xeSelect;
+    var el = $xeOptgroup.$refs.elem;
+    (0, _util.assembleOption)($xeSelect, el, optionConfig);
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeOptgroup = this;
+    var optionConfig = $xeOptgroup.optionConfig;
+    var $xeSelect = $xeOptgroup.$xeSelect;
+    (0, _util.destroyOption)($xeSelect, optionConfig);
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});

package/lib/select/src/optgroup.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeOptgroup",mixins:[_ui.globalMixins.sizeMixin],props:{label:{type:[String,Number,Boolean],default:""},visible:{type:Boolean,default:null},className:[String,Function],disabled:Boolean},inject:{$xeSelect:{default:null}},provide:function(){return{$xeOptgroup:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{},optionConfig:{}}},computed:Object.assign({},{}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$optgroup:this},t))},renderVN:function(e){var t=this.$scopedSlots.default;return e("div",{ref:"elem"},t?t({}):[])}},created:function(){var e=this,t=e.$scopedSlots,i=(0,_util.createOption)(e.$xeSelect,e);i.slots=t,e.optionConfig=i,(0,_util.watchOption)(e,i)},mounted:function(){var e=this,t=e.optionConfig,i=e.$refs.elem;(0,_util.assembleOption)(e.$xeSelect,i,t)},beforeDestroy:function(){var e=this.optionConfig,t=this.$xeSelect;(0,_util.destroyOption)(t,e)},render:function(e){return this.renderVN(e)}});

package/lib/select/src/option-info.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OptionInfo = void 0;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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 OptionInfo = exports.OptionInfo = /*#__PURE__*/function () {
+  function OptionInfo($xeselect, _vm) {
+    _classCallCheck(this, OptionInfo);
+    Object.assign(this, {
+      id: _xeUtils.default.uniqueId('option_'),
+      value: _vm.value,
+      label: _vm.label,
+      visible: _vm.visible,
+      className: _vm.className,
+      disabled: _vm.disabled
+    });
+  }
+  return _createClass(OptionInfo, [{
+    key: "update",
+    value: function update(name, value) {
+      this[name] = value;
+    }
+  }]);
+}();

package/lib/select/src/option-info.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.OptionInfo=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils"));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 _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,_toPropertyKey(r.key),r)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),Object.defineProperty(e,"prototype",{writable:!1}),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 o=e[Symbol.toPrimitive];if(void 0===o)return("string"===t?String:Number)(e);o=o.call(e,t||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}var OptionInfo=exports.OptionInfo=(()=>_createClass(function e(t,o){_classCallCheck(this,e),Object.assign(this,{id:_xeUtils.default.uniqueId("option_"),value:o.value,label:o.label,visible:o.visible,className:o.className,disabled:o.disabled})},[{key:"update",value:function(e,t){this[e]=t}}]))();

package/lib/select/src/option.js

@@ -0,0 +1,93 @@
+"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 _util = require("./util");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeOption',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    value: [String, Number, Boolean],
+    label: {
+      type: [String, Number, Boolean],
+      default: ''
+    },
+    visible: {
+      type: Boolean,
+      default: null
+    },
+    className: [String, Function],
+    disabled: Boolean
+  },
+  inject: {
+    $xeSelect: {
+      default: null
+    },
+    $xeOptgroup: {
+      default: null
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {};
+    var optionConfig = {};
+    return {
+      xID: xID,
+      reactData: reactData,
+      optionConfig: optionConfig
+    };
+  },
+  computed: Object.assign({}, {}),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeOption = this;
+      $xeOption.$emit(type, (0, _ui.createEvent)(evnt, {
+        $option: $xeOption
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      return h('div', {
+        ref: 'elem'
+      });
+    }
+  },
+  created: function created() {
+    var $xeOption = this;
+    var props = $xeOption;
+    var slots = $xeOption.$scopedSlots;
+    var $xeSelect = $xeOption.$xeSelect;
+    var optionConfig = (0, _util.createOption)($xeSelect, props);
+    optionConfig.slots = slots;
+    $xeOption.optionConfig = optionConfig;
+    (0, _util.watchOption)($xeOption, optionConfig);
+  },
+  mounted: function mounted() {
+    var $xeOption = this;
+    var optionConfig = $xeOption.optionConfig;
+    var $xeSelect = $xeOption.$xeSelect;
+    var $xeOptgroup = $xeOption.$xeOptgroup;
+    var el = $xeOption.$refs.elem;
+    (0, _util.assembleOption)($xeSelect, el, optionConfig, $xeOptgroup);
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeOption = this;
+    var optionConfig = $xeOption.optionConfig;
+    var $xeSelect = $xeOption.$xeSelect;
+    (0, _util.destroyOption)($xeSelect, optionConfig);
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});

package/lib/select/src/option.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"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeOption",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:""},visible:{type:Boolean,default:null},className:[String,Function],disabled:Boolean},inject:{$xeSelect:{default:null},$xeOptgroup:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{},optionConfig:{}}},computed:Object.assign({},{}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$option:this},t))},renderVN:function(e){return e("div",{ref:"elem"})}},created:function(){var e=this,t=e.$scopedSlots,i=(0,_util.createOption)(e.$xeSelect,e);i.slots=t,e.optionConfig=i,(0,_util.watchOption)(e,i)},mounted:function(){var e=this,t=e.optionConfig,i=e.$refs.elem;(0,_util.assembleOption)(e.$xeSelect,i,t,e.$xeOptgroup)},beforeDestroy:function(){var e=this.optionConfig,t=this.$xeSelect;(0,_util.destroyOption)(t,e)},render:function(e){return this.renderVN(e)}});