vxe-pc-ui 3.16.0 → 3.16.2

package/lib/checkbox-button/style/style.min.css

@@ -0,0 +1 @@
+.vxe-checkbox--button{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--button.size--medium{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--button.size--small{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--button.size--mini{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--button:first-child .vxe-checkbox--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-checkbox--button:last-child .vxe-checkbox--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-checkbox--button .vxe-checkbox--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox--button-icon+.vxe-checkbox--button-content{margin-left:var(--vxe-ui-checkbox--button-current-margin-left)}.vxe-checkbox--button.size--medium .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-checkbox--button.size--small .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-checkbox--button.size--mini .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}

package/lib/checkbox-group/index.js

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

package/lib/checkbox-group/index.min.js

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

package/lib/checkbox-group/style/index.js

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

package/lib/col/index.js

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

package/lib/col/index.min.js

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

package/lib/col/style/index.js

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

package/lib/collapse/index.js

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

package/lib/collapse/index.min.js

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

package/lib/collapse/src/collapse-pane.js

@@ -0,0 +1,126 @@
+"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 = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeCollapsePane',
+  props: {
+    title: [String, Number],
+    name: [String, Number],
+    icon: String,
+    preload: Boolean,
+    permissionCode: [String, Number]
+  },
+  inject: {
+    $xeCollapse: {
+      default: null
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {};
+    var collapseConfig = {
+      id: xID,
+      title: '',
+      name: '',
+      icon: '',
+      preload: false,
+      permissionCode: '',
+      slots: {}
+    };
+    return {
+      xID: xID,
+      reactData: reactData,
+      collapseConfig: collapseConfig
+    };
+  },
+  computed: Object.assign({}, {}),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeCollapsePane = this;
+      $xeCollapsePane.$emit(type, (0, _ui.createEvent)(evnt, {
+        $collapsePane: $xeCollapsePane
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeCollapsePane = this;
+      var slots = $xeCollapsePane.$scopedSlots;
+      var defaultSlot = slots.default;
+      return h('div', {
+        ref: 'refElem'
+      }, defaultSlot ? defaultSlot({}) : []);
+    }
+  },
+  watch: {
+    title: function title(val) {
+      var $xeCollapsePane = this;
+      var collapseConfig = $xeCollapsePane.collapseConfig;
+      collapseConfig.title = val;
+    },
+    name: function name(val) {
+      var $xeCollapsePane = this;
+      var collapseConfig = $xeCollapsePane.collapseConfig;
+      collapseConfig.name = val;
+    },
+    icon: function icon(val) {
+      var $xeCollapsePane = this;
+      var collapseConfig = $xeCollapsePane.collapseConfig;
+      collapseConfig.icon = val;
+    },
+    permissionCode: function permissionCode(val) {
+      var $xeCollapsePane = this;
+      var collapseConfig = $xeCollapsePane.collapseConfig;
+      collapseConfig.permissionCode = val;
+    }
+  },
+  created: function created() {
+    var $xeCollapsePane = this;
+    var props = $xeCollapsePane;
+    var slots = $xeCollapsePane.$scopedSlots;
+    var collapseConfig = $xeCollapsePane.collapseConfig;
+    Object.assign(collapseConfig, {
+      title: props.title,
+      name: props.name,
+      icon: props.icon,
+      preload: props.preload,
+      permissionCode: props.permissionCode,
+      slots: slots
+    });
+  },
+  mounted: function mounted() {
+    var $xeCollapsePane = this;
+    var $xeCollapse = $xeCollapsePane.$xeCollapse;
+    var slots = $xeCollapsePane.$scopedSlots;
+    var collapseConfig = $xeCollapsePane.collapseConfig;
+    collapseConfig.slots = slots;
+    var elem = $xeCollapsePane.$refs.refElem;
+    if ($xeCollapse && elem) {
+      (0, _util.assembleCollapseItem)($xeCollapse, elem, collapseConfig);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeCollapsePane = this;
+    var $xeCollapse = $xeCollapsePane.$xeCollapse;
+    var collapseConfig = $xeCollapsePane.collapseConfig;
+    if ($xeCollapse) {
+      (0, _util.destroyCollapseItem)($xeCollapse, collapseConfig);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/collapse/src/collapse-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:"VxeCollapsePane",props:{title:[String,Number],name:[String,Number],icon:String,preload:Boolean,permissionCode:[String,Number]},inject:{$xeCollapse:{default:null}},data:function(){var e=_xeUtils.default.uniqueId();return{xID:e,reactData:{},collapseConfig:{id:e,title:"",name:"",icon:"",preload:!1,permissionCode:"",slots:{}}}},computed:Object.assign({},{}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$collapsePane:this},t))},renderVN:function(e){var t=this.$scopedSlots.default;return e("div",{ref:"refElem"},t?t({}):[])}},watch:{title:function(e){this.collapseConfig.title=e},name:function(e){this.collapseConfig.name=e},icon:function(e){this.collapseConfig.icon=e},permissionCode:function(e){this.collapseConfig.permissionCode=e}},created:function(){var e=this,t=e.$scopedSlots;Object.assign(e.collapseConfig,{title:e.title,name:e.name,icon:e.icon,preload:e.preload,permissionCode:e.permissionCode,slots:t})},mounted:function(){var e=this,t=e.$xeCollapse,i=e.collapseConfig,e=(i.slots=e.$scopedSlots,e.$refs.refElem);t&&e&&(0,_util.assembleCollapseItem)(t,e,i)},beforeDestroy:function(){var e=this.$xeCollapse,t=this.collapseConfig;e&&(0,_util.destroyCollapseItem)(e,t)},render:function(e){return this.renderVN(e)}});

package/lib/collapse/src/collapse.js

@@ -0,0 +1,377 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _ui = require("../../ui");
+var _dom = require("../../ui/src/dom");
+var _vn = require("../../ui/src/vn");
+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 _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 {
+    staticPanes: [],
+    cachePaneMaps: {},
+    activeKeyFlag: 0,
+    openKeyFlag: 0
+  };
+}
+function createInternalData() {
+  return {
+    // esTime: null,
+    activeKeyMaps: {},
+    openKeyMaps: {}
+  };
+}
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeCollapse',
+  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
+  props: {
+    value: Array,
+    options: Array,
+    padding: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().collapse.padding;
+      }
+    },
+    border: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().collapse.border;
+      }
+    },
+    expandConfig: Object,
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().collapse.size || (0, _ui.getConfig)().size;
+      }
+    }
+  },
+  provide: function provide() {
+    var $xeCollapse = this;
+    return {
+      $xeCollapse: $xeCollapse
+    };
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = createReactData();
+    return Object.assign(Object.assign({}, {}), {
+      xID: xID,
+      reactData: reactData
+    });
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeItemOptions: function computeItemOptions() {
+      var $xeCollapse = this;
+      var props = $xeCollapse;
+      var options = props.options;
+      return (options || []).filter(function (item) {
+        return $xeCollapse.handleFilterItem(item);
+      });
+    },
+    computeItemStaticOptions: function computeItemStaticOptions() {
+      var $xeCollapse = this;
+      var reactData = $xeCollapse.reactData;
+      var staticPanes = reactData.staticPanes;
+      return staticPanes.filter(function (item) {
+        return $xeCollapse.handleFilterItem(item);
+      });
+    },
+    computeExpandOpts: function computeExpandOpts() {
+      var $xeCollapse = this;
+      var props = $xeCollapse;
+      return Object.assign({}, (0, _ui.getConfig)().collapse.expandConfig, props.expandConfig);
+    },
+    computeSpFlag: function computeSpFlag() {
+      var $xeCollapse = this;
+      var reactData = $xeCollapse.reactData;
+      return reactData.staticPanes;
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeCollapse = this;
+      $xeCollapse.$emit(type, (0, _ui.createEvent)(evnt, {
+        $collapse: $xeCollapse
+      }, params));
+    },
+    emitModel: function emitModel(value) {
+      var $xeCollapse = this;
+      $xeCollapse.$emit('input', value);
+    },
+    handleFilterItem: function handleFilterItem(item) {
+      var permissionCode = item.permissionCode;
+      if (permissionCode) {
+        if (!_ui.permission.checkVisible(permissionCode)) {
+          return false;
+        }
+      }
+      return true;
+    },
+    updateModel: function updateModel() {
+      var $xeCollapse = this;
+      var props = $xeCollapse;
+      var internalData = $xeCollapse.internalData;
+      var reactData = $xeCollapse.reactData;
+      var modelValue = props.value;
+      var openKeyMaps = internalData.openKeyMaps;
+      var activeMaps = {};
+      if (modelValue) {
+        modelValue.forEach(function (name) {
+          if (!openKeyMaps[name]) {
+            openKeyMaps[name] = true;
+          }
+          activeMaps[name] = true;
+        });
+      }
+      internalData.activeKeyMaps = activeMaps;
+      reactData.activeKeyFlag++;
+      reactData.openKeyFlag++;
+    },
+    handleOpen: function handleOpen(name) {
+      var $xeCollapse = this;
+      var internalData = $xeCollapse.internalData;
+      var openKeyMaps = internalData.openKeyMaps;
+      if (name && !openKeyMaps[name]) {
+        openKeyMaps[name] = true;
+        $xeCollapse.dispatchEvent('load', {
+          name: name
+        }, null);
+        return true;
+      }
+      return false;
+    },
+    initDefaultName: function initDefaultName(list) {
+      var $xeCollapse = this;
+      var reactData = $xeCollapse.reactData;
+      var internalData = $xeCollapse.internalData;
+      var activeKeyMaps = internalData.activeKeyMaps;
+      var nameMaps = {};
+      if (list && list.length) {
+        list.forEach(function (item) {
+          var _ref = item || {},
+            name = _ref.name,
+            preload = _ref.preload;
+          if (name) {
+            var isActive = activeKeyMaps[name];
+            nameMaps[name] = {
+              height: 0,
+              loading: false
+            };
+            if (isActive || preload) {
+              $xeCollapse.handleOpen(name);
+            }
+          }
+        });
+      }
+      reactData.cachePaneMaps = nameMaps;
+      reactData.openKeyFlag++;
+    },
+    callSlot: function callSlot(slotFunc, params, h) {
+      var $xeCollapse = this;
+      var slots = $xeCollapse.$scopedSlots;
+      if (slotFunc) {
+        if (_xeUtils.default.isString(slotFunc)) {
+          slotFunc = slots[slotFunc] || null;
+        }
+        if (_xeUtils.default.isFunction(slotFunc)) {
+          return (0, _vn.getSlotVNs)(slotFunc.call($xeCollapse, params, h));
+        }
+      }
+      return [];
+    },
+    handleClickEvent: function handleClickEvent(evnt, item) {
+      var $xeCollapse = this;
+      var internalData = $xeCollapse.internalData;
+      var reactData = $xeCollapse.reactData;
+      var activeKeyMaps = internalData.activeKeyMaps;
+      var esTime = internalData.esTime;
+      var expandOpts = $xeCollapse.computeExpandOpts;
+      var accordion = expandOpts.accordion;
+      var name = item.name;
+      if (esTime) {
+        clearTimeout(esTime);
+      }
+      if (name) {
+        var headEl = evnt.currentTarget;
+        var bodyEl = headEl.nextElementSibling;
+        var expanded = false;
+        if (activeKeyMaps[name]) {
+          delete activeKeyMaps[name];
+        } else {
+          if (accordion) {
+            activeKeyMaps = {};
+          }
+          expanded = true;
+          activeKeyMaps[name] = true;
+        }
+        var startAnimation = function startAnimation() {
+          var itemEl = bodyEl.firstElementChild;
+          if (itemEl) {
+            bodyEl.style.height = (0, _dom.toCssUnit)(itemEl.scrollHeight);
+            if (expanded) {
+              internalData.esTime = setTimeout(function () {
+                bodyEl.style.height = '';
+                internalData.esTime = undefined;
+              }, 200);
+            } else {
+              $xeCollapse.$nextTick(function () {
+                requestAnimationFrame(function () {
+                  bodyEl.style.height = '';
+                });
+              });
+            }
+          }
+        };
+        var value = Object.keys(activeKeyMaps);
+        internalData.activeKeyMaps = activeKeyMaps;
+        $xeCollapse.handleOpen(name);
+        reactData.activeKeyFlag++;
+        reactData.openKeyFlag++;
+        if (bodyEl) {
+          var itemEl = bodyEl.firstElementChild;
+          if (itemEl) {
+            startAnimation();
+          } else {
+            bodyEl.style.height = '0';
+            $xeCollapse.$nextTick(startAnimation);
+          }
+        }
+        $xeCollapse.emitModel(value);
+        $xeCollapse.dispatchEvent('change', {
+          value: value,
+          name: name
+        }, evnt);
+        $xeCollapse.dispatchEvent('toggle-expand', {
+          value: value,
+          name: name,
+          expanded: expanded
+        }, evnt);
+      }
+    },
+    //
+    // Render
+    //
+    renderList: function renderList(h, itemList) {
+      var $xeCollapse = this;
+      var reactData = $xeCollapse.reactData;
+      var internalData = $xeCollapse.internalData;
+      var activeKeyFlag = reactData.activeKeyFlag,
+        openKeyFlag = reactData.openKeyFlag;
+      var activeKeyMaps = internalData.activeKeyMaps,
+        openKeyMaps = internalData.openKeyMaps;
+      var expandOpts = $xeCollapse.computeExpandOpts;
+      return itemList.map(function (item) {
+        var icon = item.icon,
+          name = item.name,
+          title = item.title,
+          slots = item.slots;
+        var titleSlot = slots ? slots.title : null;
+        var defaultSlot = slots ? slots.default : null;
+        var isActive = name && activeKeyFlag && activeKeyMaps[name];
+        return h('div', {
+          class: 'vxe-collapse-item'
+        }, [h('div', {
+          class: 'vxe-collapse--item-header',
+          on: {
+            click: function click(evnt) {
+              $xeCollapse.handleClickEvent(evnt, item);
+            }
+          }
+        }, [expandOpts.showIcon ? h('span', {
+          class: 'vxe-collapse--item-switch'
+        }, [h('i', {
+          class: isActive ? (0, _ui.getIcon)().COLLAPSE_OPEN : (0, _ui.getIcon)().COLLAPSE_CLOSE
+        })]) : (0, _ui.renderEmptyElement)($xeCollapse), icon ? h('span', {
+          class: 'vxe-collapse--item-icon'
+        }, [h('i', {
+          class: icon
+        })]) : (0, _ui.renderEmptyElement)($xeCollapse), h('span', {
+          class: 'vxe-collapse--item-name'
+        }, titleSlot ? $xeCollapse.callSlot(titleSlot, {
+          name: name,
+          title: title
+        }, h) : "".concat(title))]), h('div', {
+          class: ['vxe-collapse--item-content', {
+            'is--visible': isActive,
+            'is--hidden': !isActive
+          }]
+        }, [name && openKeyFlag && openKeyMaps[name] ? h('div', {
+          class: 'vxe-collapse--item-inner'
+        }, [defaultSlot ? $xeCollapse.callSlot(defaultSlot, {
+          name: name,
+          title: title
+        }, h) : '']) : (0, _ui.renderEmptyElement)($xeCollapse)])]);
+      });
+    },
+    renderVN: function renderVN(h) {
+      var $xeCollapse = this;
+      var props = $xeCollapse;
+      var slots = $xeCollapse.$scopedSlots;
+      var padding = props.padding,
+        border = props.border;
+      var vSize = $xeCollapse.computeSize;
+      var itemOptions = $xeCollapse.computeItemOptions;
+      var itemStaticOptions = $xeCollapse.computeItemStaticOptions;
+      var defaultSlot = slots.default;
+      var itemList = defaultSlot ? itemStaticOptions : itemOptions;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-collapse', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--padding', padding), 'is--border', border)]
+      }, [h('div', {
+        class: 'vxe-collapse-slots'
+      }, defaultSlot ? defaultSlot({}) : []), $xeCollapse.renderList(h, itemList)]);
+    }
+  },
+  watch: {
+    value: function value() {
+      var $xeCollapse = this;
+      $xeCollapse.updateModel();
+    },
+    options: function options() {
+      var $xeCollapse = this;
+      var props = $xeCollapse;
+      $xeCollapse.initDefaultName(props.options);
+    },
+    computeSpFlag: function computeSpFlag() {
+      var $xeCollapse = this;
+      var reactData = $xeCollapse.reactData;
+      $xeCollapse.initDefaultName(reactData.staticPanes);
+    }
+  },
+  created: function created() {
+    var $xeCollapse = this;
+    var props = $xeCollapse;
+    var reactData = $xeCollapse.reactData;
+    $xeCollapse.internalData = createInternalData();
+    $xeCollapse.updateModel();
+    $xeCollapse.initDefaultName(reactData.staticPanes.length ? reactData.staticPanes : props.options);
+  },
+  destroyed: function destroyed() {
+    var $xeCollapse = this;
+    var reactData = $xeCollapse.reactData;
+    var internalData = $xeCollapse.internalData;
+    var esTime = internalData.esTime;
+    if (esTime) {
+      clearTimeout(esTime);
+    }
+    _xeUtils.default.assign(reactData, createReactData());
+    _xeUtils.default.assign(internalData, createInternalData());
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/collapse/src/collapse.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_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 _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.")}function createReactData(){return{staticPanes:[],cachePaneMaps:{},activeKeyFlag:0,openKeyFlag:0}}function createInternalData(){return{activeKeyMaps:{},openKeyMaps:{}}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCollapse",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Array,options:Array,padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().collapse.padding}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().collapse.border}},expandConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().collapse.size||(0,_ui.getConfig)().size}}},provide:function(){return{$xeCollapse:this}},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t})},computed:Object.assign(Object.assign({},{}),{computeItemOptions:function(){var t=this;return(t.options||[]).filter(function(e){return t.handleFilterItem(e)})},computeItemStaticOptions:function(){var t=this;return t.reactData.staticPanes.filter(function(e){return t.handleFilterItem(e)})},computeExpandOpts:function(){return Object.assign({},(0,_ui.getConfig)().collapse.expandConfig,this.expandConfig)},computeSpFlag:function(){return this.reactData.staticPanes}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$collapse:this},t))},emitModel:function(e){this.$emit("input",e)},handleFilterItem:function(e){e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},updateModel:function(){var e=this,t=e.internalData,n=e.reactData,e=e.value,i=t.openKeyMaps,a={};e&&e.forEach(function(e){i[e]||(i[e]=!0),a[e]=!0}),t.activeKeyMaps=a,n.activeKeyFlag++,n.openKeyFlag++},handleOpen:function(e){var t=this.internalData.openKeyMaps;return!(!e||t[e]||(t[e]=!0,this.dispatchEvent("load",{name:e},null),0))},initDefaultName:function(e){var i=this,t=i.reactData,a=i.internalData.activeKeyMaps,o={};e&&e.length&&e.forEach(function(e){var t,e=e||{},n=e.name,e=e.preload;n&&(t=a[n],o[n]={height:0,loading:!1},t||e)&&i.handleOpen(n)}),t.cachePaneMaps=o,t.openKeyFlag++},callSlot:function(e,t,n){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,n)):[]},handleClickEvent:function(e,t){var n,i,a=this,o=a.internalData,r=a.reactData,l=o.activeKeyMaps,s=o.esTime,c=a.computeExpandOpts.accordion,t=t.name;s&&clearTimeout(s),t&&(n=e.currentTarget.nextElementSibling,i=!1,l[t]?delete l[t]:(i=!0,(l=c?{}:l)[t]=!0),s=function(){var e=n.firstElementChild;e&&(n.style.height=(0,_dom.toCssUnit)(e.scrollHeight),i?o.esTime=setTimeout(function(){n.style.height="",o.esTime=void 0},200):a.$nextTick(function(){requestAnimationFrame(function(){n.style.height=""})}))},c=Object.keys(l),o.activeKeyMaps=l,a.handleOpen(t),r.activeKeyFlag++,r.openKeyFlag++,n&&(n.firstElementChild?s():(n.style.height="0",a.$nextTick(s))),a.emitModel(c),a.dispatchEvent("change",{value:c,name:t},e),a.dispatchEvent("toggle-expand",{value:c,name:t,expanded:i},e))},renderList:function(l,e){var s=this,t=s.reactData,n=s.internalData,c=t.activeKeyFlag,u=t.openKeyFlag,p=n.activeKeyMaps,d=n.openKeyMaps,f=s.computeExpandOpts;return e.map(function(t){var e=t.icon,n=t.name,i=t.title,a=t.slots,o=a?a.title:null,a=a?a.default:null,r=n&&c&&p[n];return l("div",{class:"vxe-collapse-item"},[l("div",{class:"vxe-collapse--item-header",on:{click:function(e){s.handleClickEvent(e,t)}}},[f.showIcon?l("span",{class:"vxe-collapse--item-switch"},[l("i",{class:r?(0,_ui.getIcon)().COLLAPSE_OPEN:(0,_ui.getIcon)().COLLAPSE_CLOSE})]):(0,_ui.renderEmptyElement)(s),e?l("span",{class:"vxe-collapse--item-icon"},[l("i",{class:e})]):(0,_ui.renderEmptyElement)(s),l("span",{class:"vxe-collapse--item-name"},o?s.callSlot(o,{name:n,title:i},l):"".concat(i))]),l("div",{class:["vxe-collapse--item-content",{"is--visible":r,"is--hidden":!r}]},[n&&u&&d[n]?l("div",{class:"vxe-collapse--item-inner"},[a?s.callSlot(a,{name:n,title:i},l):""]):(0,_ui.renderEmptyElement)(s)])])})},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.padding,a=t.border,o=t.computeSize,n=n.default,r=n?t.computeItemStaticOptions:t.computeItemOptions;return e("div",{ref:"refElem",class:["vxe-collapse",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(o),o),"is--padding",i),"is--border",a)]},[e("div",{class:"vxe-collapse-slots"},n?n({}):[]),t.renderList(e,r)])}},watch:{value:function(){this.updateModel()},options:function(){this.initDefaultName(this.options)},computeSpFlag:function(){var e=this.reactData;this.initDefaultName(e.staticPanes)}},created:function(){var e=this,t=e,n=e.reactData;e.internalData=createInternalData(),e.updateModel(),e.initDefaultName(n.staticPanes.length?n.staticPanes:t.options)},destroyed:function(){var e=this.reactData,t=this.internalData,n=t.esTime;n&&clearTimeout(n),_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/collapse/src/util.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assembleCollapseItem = assembleCollapseItem;
+exports.destroyCollapseItem = destroyCollapseItem;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function assembleCollapseItem($xeCollapse, elem, collapseConfig) {
+  var staticPanes = $xeCollapse.reactData.staticPanes;
+  var parentElem = elem.parentNode;
+  if (parentElem) {
+    staticPanes.splice(_xeUtils.default.arrayIndexOf(parentElem.children, elem), 0, collapseConfig);
+    $xeCollapse.reactData.staticPanes = staticPanes.slice(0);
+  }
+}
+function destroyCollapseItem($xeCollapse, collapseConfig) {
+  var staticPanes = $xeCollapse.reactData.staticPanes;
+  var matchObj = _xeUtils.default.findTree(staticPanes, function (item) {
+    return item.id === collapseConfig.id;
+  }, {
+    children: 'children'
+  });
+  if (matchObj) {
+    matchObj.items.splice(matchObj.index, 1);
+  }
+  $xeCollapse.reactData.staticPanes = staticPanes.slice(0);
+}

package/lib/collapse/src/util.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.assembleCollapseItem=assembleCollapseItem,exports.destroyCollapseItem=destroyCollapseItem;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function assembleCollapseItem(e,t,a){var s=e.reactData.staticPanes,l=t.parentNode;l&&(s.splice(_xeUtils.default.arrayIndexOf(l.children,t),0,a),e.reactData.staticPanes=s.slice(0))}function destroyCollapseItem(e,t){var a=e.reactData.staticPanes,s=_xeUtils.default.findTree(a,function(e){return e.id===t.id},{children:"children"});s&&s.items.splice(s.index,1),e.reactData.staticPanes=a.slice(0)}

package/lib/collapse/style/index.js

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