vxe-pc-ui 3.17.19 → 3.17.21

package/lib/space/src/space.js

@@ -0,0 +1,172 @@
+"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 _dom = require("../../ui/src/dom");
+var _utils = require("../../ui/src/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); }
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeSpace',
+  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
+  props: {
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.size || (0, _ui.getConfig)().size;
+      }
+    },
+    wrap: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.wrap;
+      }
+    },
+    gap: {
+      type: [Number, String, Array, Object],
+      default: function _default() {
+        return (0, _ui.getConfig)().space.gap;
+      }
+    },
+    vertical: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.vertical;
+      }
+    },
+    className: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.className;
+      }
+    },
+    itemClassName: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.itemClassName;
+      }
+    },
+    separator: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.separator;
+      }
+    },
+    align: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.align;
+      }
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {
+      activeValue: null
+    };
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeWrapperStyle: function computeWrapperStyle() {
+      var $xeSpace = this;
+      var props = $xeSpace;
+      var align = props.align,
+        gap = props.gap;
+      var stys = {};
+      var rowGap = '';
+      var columGap = '';
+      if (_xeUtils.default.isNumber(gap) || _xeUtils.default.isString(gap)) {
+        rowGap = gap;
+        columGap = gap;
+      } else if (gap) {
+        if (_xeUtils.default.isArray(gap)) {
+          rowGap = gap[0];
+          columGap = gap[1];
+        } else {
+          rowGap = gap.rowGap || '';
+          columGap = gap.columGap || '';
+        }
+      }
+      if (align) {
+        stys['align-items'] = align;
+      }
+      if (!(0, _utils.eqEmptyValue)(rowGap)) {
+        stys['--vxe-ui-space-current-row-gap'] = (0, _dom.toCssUnit)(rowGap);
+      }
+      if (!(0, _utils.eqEmptyValue)(columGap)) {
+        stys['--vxe-ui-space-current-column-gap'] = (0, _dom.toCssUnit)(columGap);
+      }
+      return stys;
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeSpace = this;
+      $xeSpace.$emit(type, (0, _ui.createEvent)(evnt, {
+        $space: $xeSpace
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderItems: function renderItems(h) {
+      var $xeSpace = this;
+      var props = $xeSpace;
+      var slots = $xeSpace.$scopedSlots;
+      var separator = props.separator,
+        itemClassName = props.itemClassName;
+      var itemVNs = [];
+      var defaultSlot = slots.default;
+      var separatorSlot = slots.separator;
+      if (defaultSlot) {
+        _xeUtils.default.each(defaultSlot({}), function (itemVN, index, items) {
+          itemVNs.push(h('div', {
+            key: 'i' + index,
+            class: ['vxe-space--item', (0, _dom.getPropClass)(itemClassName, {
+              index: index
+            })]
+          }, [itemVN]));
+          if ((separator || separatorSlot) && index < items.length - 1) {
+            itemVNs.push(h('div', {
+              key: 's' + index,
+              class: 'vxe-space--separator'
+            }, separatorSlot ? separatorSlot({}) : '' + separator));
+          }
+        });
+      }
+      return itemVNs;
+    },
+    renderVN: function renderVN(h) {
+      var $xeSpace = this;
+      var props = $xeSpace;
+      var vertical = props.vertical,
+        wrap = props.wrap,
+        className = props.className;
+      var wrapperStyle = $xeSpace.computeWrapperStyle;
+      var vSize = $xeSpace.computeSize;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-space', (0, _dom.getPropClass)(className, {}), _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--wrap', wrap), 'is--vertical', vertical)],
+        style: wrapperStyle
+      }, $xeSpace.renderItems(h));
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/space/src/space.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"),_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,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:"VxeSpace",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{size:{type:String,default:function(){return(0,_ui.getConfig)().space.size||(0,_ui.getConfig)().size}},wrap:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.wrap}},gap:{type:[Number,String,Array,Object],default:function(){return(0,_ui.getConfig)().space.gap}},vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.vertical}},className:{type:String,default:function(){return(0,_ui.getConfig)().space.className}},itemClassName:{type:String,default:function(){return(0,_ui.getConfig)().space.itemClassName}},separator:{type:String,default:function(){return(0,_ui.getConfig)().space.separator}},align:{type:String,default:function(){return(0,_ui.getConfig)().space.align}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{activeValue:null}}},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var e=this.align,t=this.gap,i={},r="",n="";return _xeUtils.default.isNumber(t)||_xeUtils.default.isString(t)?n=r=t:t&&(n=_xeUtils.default.isArray(t)?(r=t[0],t[1]):(r=t.rowGap||"",t.columGap||"")),e&&(i["align-items"]=e),(0,_utils.eqEmptyValue)(r)||(i["--vxe-ui-space-current-row-gap"]=(0,_dom.toCssUnit)(r)),(0,_utils.eqEmptyValue)(n)||(i["--vxe-ui-space-current-column-gap"]=(0,_dom.toCssUnit)(n)),i}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$space:this},t))},renderItems:function(r){var e=this.$scopedSlots,n=this.separator,u=this.itemClassName,o=[],t=e.default,a=e.separator;return t&&_xeUtils.default.each(t({}),function(e,t,i){o.push(r("div",{key:"i"+t,class:["vxe-space--item",(0,_dom.getPropClass)(u,{index:t})]},[e])),(n||a)&&t<i.length-1&&o.push(r("div",{key:"s"+t,class:"vxe-space--separator"},a?a({}):""+n))}),o},renderVN:function(e){var t=this,i=t.vertical,r=t.wrap,n=t.computeWrapperStyle,u=t.computeSize;return e("div",{ref:"refElem",class:["vxe-space",(0,_dom.getPropClass)(t.className,{}),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(u),u),"is--wrap",r),"is--vertical",i)],style:n},t.renderItems(e))}},render:function(e){return this.renderVN(e)}});

package/lib/space/style/index.js

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

package/lib/space/style/style.css

@@ -0,0 +1,37 @@
+.vxe-space {
+  --vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-default);
+  --vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-default);
+}
+.vxe-space.size--xlarge {
+  --vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-xlarge);
+  --vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-xlarge);
+}
+.vxe-space.size--large {
+  --vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-large);
+  --vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-large);
+}
+.vxe-space.size--medium {
+  --vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-medium);
+  --vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-medium);
+}
+.vxe-space.size--small {
+  --vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-small);
+  --vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-small);
+}
+.vxe-space.size--mini {
+  --vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-mini);
+  --vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-mini);
+}
+
+.vxe-space {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap);
+}
+.vxe-space.is--wrap {
+  flex-wrap: wrap;
+}
+.vxe-space.is--vertical {
+  flex-direction: column;
+}

package/lib/space/style/style.min.css

@@ -0,0 +1 @@
+.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;align-items:center;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}