vxe-pc-ui 3.0.0 → 3.0.1

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)}});