vxe-pc-ui 3.0.0 → 3.0.2

package/lib/switch/src/switch.js

@@ -105,6 +105,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $switch: $xeSwitch
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xeSwitch = this;
+      $xeSwitch.$emit('input', value);
+      $xeSwitch.$emit('modelValue', value);
+    },
     focus: function focus() {
       var $xeSwitch = this;
       var reactData = $xeSwitch.reactData;
@@ -138,8 +143,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         clearTimeout(internalData.atTimeout);
         var value = isChecked ? props.closeValue : props.openValue;
         reactData.hasAnimat = true;
-        $xeSwitch.$emit('input', value);
-        $xeSwitch.$emit('modelValue', value);
+        $xeSwitch.emitModel(value);
         $xeSwitch.dispatchEvent('change', {
           value: value
         }, evnt);

package/lib/switch/src/switch.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"),_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,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:"VxeSwitch",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],disabled:{type:Boolean,default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().switch.size||(0,_ui.getConfig)().size}},openLabel:String,closeLabel:String,openValue:{type:[String,Number,Boolean],default:!0},closeValue:{type:[String,Number,Boolean],default:!1},openIcon:String,closeIcon:String,openActiveIcon:String,closeActiveIcon:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{isActivated:!1,hasAnimat:!1,offsetLeft:0},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&(e.readonly||e.disabled):t},computeOnShowLabel:function(){return(0,_utils.getFuncText)(this.openLabel)},computeOffShowLabel:function(){return(0,_utils.getFuncText)(this.closeLabel)},computeIsChecked:function(){return this.value===this.openValue}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$switch:this},t))},focus:function(){var e=this,t=e.reactData,i=e.$refs.refButton;return t.isActivated=!0,i&&i.focus(),e.$nextTick()},blur:function(){var e=this,t=e.reactData,i=e.$refs.refButton;return i&&i.blur(),t.isActivated=!1,e.$nextTick()},clickEvent:function(e){var t,i=this,n=i,o=i.reactData,r=i.internalData,u=i.$xeForm,a=i.formItemInfo;i.computeIsDisabled||(t=i.computeIsChecked,clearTimeout(r.atTimeout),t=t?n.closeValue:n.openValue,o.hasAnimat=!0,i.$emit("input",t),i.$emit("modelValue",t),i.dispatchEvent("change",{value:t},e),u&&a&&u.triggerItemEvent(e,a.itemConfig.field,t),r.atTimeout=setTimeout(function(){o.hasAnimat=!1,r.atTimeout=void 0},400))},focusEvent:function(e){this.reactData.isActivated=!0,this.dispatchEvent("focus",{value:this.value},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{value:this.value},e)},renderVN:function(e){var t=this,i=t.reactData,n=t.openIcon,o=t.closeIcon,r=t.openActiveIcon,u=t.closeActiveIcon,a=t.computeSize,s=t.computeIsChecked,c=t.computeOnShowLabel,l=t.computeOffShowLabel,f=t.computeIsDisabled;return e("div",{class:["vxe-switch",s?"is--on":"is--off",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--disabled",f),"is--animat",i.hasAnimat)]},[e("button",{ref:"refButton",class:"vxe-switch--button",attrs:{type:"button",disabled:f},on:{click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent}},[e("span",{class:"vxe-switch--label vxe-switch--label-on"},[n?e("i",{class:["vxe-switch--label-icon",n]}):(0,_ui.renderEmptyElement)(t),c]),e("span",{class:"vxe-switch--label vxe-switch--label-off"},[o?e("i",{class:["vxe-switch--label-icon",o]}):(0,_ui.renderEmptyElement)(t),l]),e("span",{class:["vxe-switch--icon"]},r||u?[e("i",{class:s?r:u})]:[])])])}},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"),_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,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:"VxeSwitch",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:[String,Number,Boolean],disabled:{type:Boolean,default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().switch.size||(0,_ui.getConfig)().size}},openLabel:String,closeLabel:String,openValue:{type:[String,Number,Boolean],default:!0},closeValue:{type:[String,Number,Boolean],default:!1},openIcon:String,closeIcon:String,openActiveIcon:String,closeActiveIcon:String},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{isActivated:!1,hasAnimat:!1,offsetLeft:0},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&(e.readonly||e.disabled):t},computeOnShowLabel:function(){return(0,_utils.getFuncText)(this.openLabel)},computeOffShowLabel:function(){return(0,_utils.getFuncText)(this.closeLabel)},computeIsChecked:function(){return this.value===this.openValue}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$switch:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},focus:function(){var e=this,t=e.reactData,i=e.$refs.refButton;return t.isActivated=!0,i&&i.focus(),e.$nextTick()},blur:function(){var e=this,t=e.reactData,i=e.$refs.refButton;return i&&i.blur(),t.isActivated=!1,e.$nextTick()},clickEvent:function(e){var t,i=this,n=i,o=i.reactData,r=i.internalData,u=i.$xeForm,a=i.formItemInfo;i.computeIsDisabled||(t=i.computeIsChecked,clearTimeout(r.atTimeout),t=t?n.closeValue:n.openValue,o.hasAnimat=!0,i.emitModel(t),i.dispatchEvent("change",{value:t},e),u&&a&&u.triggerItemEvent(e,a.itemConfig.field,t),r.atTimeout=setTimeout(function(){o.hasAnimat=!1,r.atTimeout=void 0},400))},focusEvent:function(e){this.reactData.isActivated=!0,this.dispatchEvent("focus",{value:this.value},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{value:this.value},e)},renderVN:function(e){var t=this,i=t.reactData,n=t.openIcon,o=t.closeIcon,r=t.openActiveIcon,u=t.closeActiveIcon,a=t.computeSize,s=t.computeIsChecked,c=t.computeOnShowLabel,l=t.computeOffShowLabel,f=t.computeIsDisabled;return e("div",{class:["vxe-switch",s?"is--on":"is--off",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--disabled",f),"is--animat",i.hasAnimat)]},[e("button",{ref:"refButton",class:"vxe-switch--button",attrs:{type:"button",disabled:f},on:{click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent}},[e("span",{class:"vxe-switch--label vxe-switch--label-on"},[n?e("i",{class:["vxe-switch--label-icon",n]}):(0,_ui.renderEmptyElement)(t),c]),e("span",{class:"vxe-switch--label vxe-switch--label-off"},[o?e("i",{class:["vxe-switch--label-icon",o]}):(0,_ui.renderEmptyElement)(t),l]),e("span",{class:["vxe-switch--icon"]},r||u?[e("i",{class:s?r:u})]:[])])])}},render:function(e){return this.renderVN(e)}});

package/lib/tab-pane/index.js

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

package/lib/tab-pane/index.min.js

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

package/lib/tab-pane/style/index.js

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

package/lib/tabs/index.js

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

package/lib/tabs/index.min.js

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

package/lib/tabs/src/tab-pane.js

@@ -0,0 +1,128 @@
+"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: 'VxeTabPane',
+  props: {
+    title: [String, Number],
+    name: [String, Number],
+    icon: String,
+    titleWidth: [String, Number],
+    titleAlign: [String, Number],
+    preload: Boolean,
+    permissionCode: [String, Number]
+  },
+  inject: {
+    $xeTabs: {
+      default: null
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {};
+    var tabConfig = {
+      id: xID,
+      title: '',
+      name: '',
+      icon: '',
+      titleWidth: '',
+      titleAlign: '',
+      preload: false,
+      permissionCode: '',
+      slots: {}
+    };
+    return {
+      xID: xID,
+      reactData: reactData,
+      tabConfig: tabConfig
+    };
+  },
+  computed: Object.assign({}, {}),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeTabPane = this;
+      $xeTabPane.$emit(type, (0, _ui.createEvent)(evnt, {
+        $tabPane: $xeTabPane
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      return h('div', {
+        ref: 'refElem'
+      }, []);
+    }
+  },
+  watch: {
+    title: function title(val) {
+      var $xeTabPane = this;
+      var tabConfig = $xeTabPane.tabConfig;
+      tabConfig.title = val;
+    },
+    name: function name(val) {
+      var $xeTabPane = this;
+      var tabConfig = $xeTabPane.tabConfig;
+      tabConfig.name = val;
+    },
+    icon: function icon(val) {
+      var $xeTabPane = this;
+      var tabConfig = $xeTabPane.tabConfig;
+      tabConfig.icon = val;
+    },
+    permissionCode: function permissionCode(val) {
+      var $xeTabPane = this;
+      var tabConfig = $xeTabPane.tabConfig;
+      tabConfig.permissionCode = val;
+    }
+  },
+  created: function created() {
+    var $xeTabPane = this;
+    var props = $xeTabPane;
+    var slots = $xeTabPane.$scopedSlots;
+    var tabConfig = $xeTabPane.tabConfig;
+    Object.assign(tabConfig, {
+      title: props.title,
+      name: props.name,
+      icon: props.icon,
+      titleWidth: props.titleWidth,
+      titleAlign: props.titleAlign,
+      preload: props.preload,
+      permissionCode: props.permissionCode,
+      slots: {
+        default: slots.default
+      }
+    });
+  },
+  mounted: function mounted() {
+    var $xeTabPane = this;
+    var $xeTabs = $xeTabPane.$xeTabs;
+    var tabConfig = $xeTabPane.tabConfig;
+    var elem = $xeTabPane.$refs.refElem;
+    if ($xeTabs && elem) {
+      (0, _util.assembleAnchorTab)($xeTabs, elem, tabConfig);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeTabPane = this;
+    var tabConfig = $xeTabPane.tabConfig;
+    var $xeTabs = $xeTabPane.$xeTabs;
+    if ($xeTabs) {
+      (0, _util.destroyAnchorTab)($xeTabs, tabConfig);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});

package/lib/tabs/src/tab-pane.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:"VxeTabPane",props:{title:[String,Number],name:[String,Number],icon:String,titleWidth:[String,Number],titleAlign:[String,Number],preload:Boolean,permissionCode:[String,Number]},inject:{$xeTabs:{default:null}},data:function(){var e=_xeUtils.default.uniqueId();return{xID:e,reactData:{},tabConfig:{id:e,title:"",name:"",icon:"",titleWidth:"",titleAlign:"",preload:!1,permissionCode:"",slots:{}}}},computed:Object.assign({},{}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$tabPane:this},t))},renderVN:function(e){return e("div",{ref:"refElem"},[])}},watch:{title:function(e){this.tabConfig.title=e},name:function(e){this.tabConfig.name=e},icon:function(e){this.tabConfig.icon=e},permissionCode:function(e){this.tabConfig.permissionCode=e}},created:function(){var e=this,t=e.$scopedSlots;Object.assign(e.tabConfig,{title:e.title,name:e.name,icon:e.icon,titleWidth:e.titleWidth,titleAlign:e.titleAlign,preload:e.preload,permissionCode:e.permissionCode,slots:{default:t.default}})},mounted:function(){var e=this,t=e.$xeTabs,i=e.$refs.refElem;t&&i&&(0,_util.assembleAnchorTab)(t,i,e.tabConfig)},beforeDestroy:function(){var e=this.tabConfig,t=this.$xeTabs;t&&(0,_util.destroyAnchorTab)(t,e)},render:function(e){return this.renderVN(e)}});