vxe-pc-ui 3.15.27 → 3.16.0

package/lib/pulldown/index.js

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

package/lib/pulldown/index.min.js

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

package/lib/pulldown/src/pulldown.js

@@ -1,522 +0,0 @@
-"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: 'VxePulldown',
-  model: {
-    prop: 'value',
-    event: 'modelValue'
-  },
-  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
-  props: {
-    value: Boolean,
-    disabled: Boolean,
-    placement: String,
-    /**
-     * 已废弃，请使用 popup-config.trigger
-     * @deprecated
-     */
-    trigger: {
-      type: String,
-      default: function _default() {
-        return (0, _ui.getConfig)().pulldown.trigger;
-      }
-    },
-    /**
-     * 已废弃，请使用 popupConfig.zIndex
-     * @deprecated
-     */
-    zIndex: Number,
-    size: {
-      type: String,
-      default: function _default() {
-        return (0, _ui.getConfig)().pulldown.size || (0, _ui.getConfig)().size;
-      }
-    },
-    options: Array,
-    className: {
-      type: [String, Function],
-      default: function _default() {
-        return (0, _ui.getConfig)().pulldown.className;
-      }
-    },
-    /**
-     * 已废弃，请使用 popupConfig.className
-     * @deprecated
-     */
-    popupClassName: [String, Function],
-    showPopupShadow: Boolean,
-    popupConfig: Object,
-    destroyOnClose: {
-      type: Boolean,
-      default: function _default() {
-        return (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 data() {
-    var xID = _xeUtils.default.uniqueId();
-    var reactData = {
-      initialized: false,
-      panelIndex: 0,
-      panelStyle: {},
-      panelPlacement: null,
-      visiblePanel: false,
-      isAniVisible: false,
-      isActivated: false
-    };
-    var internalData = {
-      hpTimeout: undefined
-    };
-    return {
-      xID: xID,
-      reactData: reactData,
-      internalData: internalData
-    };
-  },
-  computed: Object.assign(Object.assign({}, {}), {
-    computeBtnTransfer: function computeBtnTransfer() {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var $xeModal = $xePulldown.$xeModal;
-      var $xeDrawer = $xePulldown.$xeDrawer;
-      var $xeTable = $xePulldown.$xeTable;
-      var $xeForm = $xePulldown.$xeForm;
-      var transfer = props.transfer;
-      var popupOpts = $xePulldown.computePopupOpts;
-      if (_xeUtils.default.isBoolean(popupOpts.transfer)) {
-        return popupOpts.transfer;
-      }
-      if (transfer === null) {
-        var globalTransfer = (0, _ui.getConfig)().pulldown.transfer;
-        if (_xeUtils.default.isBoolean(globalTransfer)) {
-          return globalTransfer;
-        }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
-          return true;
-        }
-      }
-      return transfer;
-    },
-    computePopupOpts: function computePopupOpts() {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      return Object.assign({}, (0, _ui.getConfig)().pulldown.popupConfig, props.popupConfig);
-    }
-  }),
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xePulldown = this;
-      $xePulldown.$emit(type, (0, _ui.createEvent)(evnt, {
-        $pulldown: $xePulldown
-      }, params));
-    },
-    emitModel: function emitModel(value) {
-      var $xePulldown = this;
-      var _events = $xePulldown._events;
-      if (_events && _events.modelValue) {
-        $xePulldown.$emit('modelValue', value);
-      } else {
-        $xePulldown.$emit('model-value', value);
-      }
-    },
-    updateZindex: function updateZindex() {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var reactData = $xePulldown.reactData;
-      var popupOpts = $xePulldown.computePopupOpts;
-      var customZIndex = popupOpts.zIndex || props.zIndex;
-      if (customZIndex) {
-        reactData.panelIndex = _xeUtils.default.toNumber(customZIndex);
-      } else if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
-        reactData.panelIndex = (0, _utils.nextZIndex)();
-      }
-    },
-    isPanelVisible: function isPanelVisible() {
-      var $xePulldown = this;
-      var reactData = $xePulldown.reactData;
-      return reactData.visiblePanel;
-    },
-    /**
-     * 手动更新位置
-     */
-    updatePlacement: function updatePlacement() {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var reactData = $xePulldown.reactData;
-      var placement = props.placement;
-      var panelIndex = reactData.panelIndex;
-      var targetElem = $xePulldown.$refs.refPulldownContent;
-      var panelElem = $xePulldown.$refs.refPulldownPanel;
-      var btnTransfer = $xePulldown.computeBtnTransfer;
-      var popupOpts = $xePulldown.computePopupOpts;
-      var handleStyle = function handleStyle() {
-        var ppObj = (0, _dom.updatePanelPlacement)(targetElem, panelElem, {
-          placement: popupOpts.placement || placement,
-          defaultPlacement: popupOpts.defaultPlacement,
-          teleportTo: btnTransfer
-        });
-        var panelStyle = Object.assign(ppObj.style, {
-          zIndex: panelIndex
-        });
-        reactData.panelStyle = panelStyle;
-        reactData.panelPlacement = ppObj.placement;
-      };
-      handleStyle();
-      return $xePulldown.$nextTick().then(handleStyle);
-    },
-    /**
-     * 显示下拉面板
-     */
-    showPanel: function showPanel() {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var reactData = $xePulldown.reactData;
-      var internalData = $xePulldown.internalData;
-      var btnTransfer = $xePulldown.computeBtnTransfer;
-      var panelElem = $xePulldown.$refs.refPulldownPanel;
-      if (!reactData.initialized) {
-        reactData.initialized = true;
-        if (btnTransfer) {
-          if (panelElem) {
-            document.body.appendChild(panelElem);
-          }
-        }
-      }
-      return new Promise(function (resolve) {
-        if (!props.disabled) {
-          if (internalData.hpTimeout) {
-            clearTimeout(internalData.hpTimeout);
-          }
-          reactData.isActivated = true;
-          reactData.isAniVisible = true;
-          setTimeout(function () {
-            reactData.visiblePanel = true;
-            $xePulldown.emitModel(true);
-            $xePulldown.updatePlacement();
-            setTimeout(function () {
-              resolve($xePulldown.updatePlacement());
-            }, 40);
-          }, 10);
-          $xePulldown.updateZindex();
-          $xePulldown.dispatchEvent('visible-change', {
-            visible: true
-          }, null);
-        } else {
-          $xePulldown.$nextTick(function () {
-            resolve();
-          });
-        }
-      });
-    },
-    /**
-     * 隐藏下拉面板
-     */
-    hidePanel: function hidePanel() {
-      var $xePulldown = this;
-      return $xePulldown.hideOptionPanel();
-    },
-    hideOptionPanel: function hideOptionPanel() {
-      var $xePulldown = this;
-      var reactData = $xePulldown.reactData;
-      var internalData = $xePulldown.internalData;
-      reactData.visiblePanel = false;
-      $xePulldown.dispatchEvent('visible-change', {
-        visible: false
-      }, null);
-      $xePulldown.emitModel(false);
-      return new Promise(function (resolve) {
-        if (reactData.isAniVisible) {
-          internalData.hpTimeout = setTimeout(function () {
-            reactData.isAniVisible = false;
-            $xePulldown.$nextTick(function () {
-              resolve();
-            });
-          }, 350);
-        } else {
-          $xePulldown.$nextTick(function () {
-            resolve();
-          });
-        }
-      });
-    },
-    /**
-     * 切换下拉面板
-     */
-    togglePanel: function togglePanel() {
-      var $xePulldown = this;
-      var reactData = $xePulldown.reactData;
-      if (reactData.visiblePanel) {
-        return $xePulldown.hideOptionPanel();
-      }
-      return $xePulldown.showPanel();
-    },
-    handleOptionEvent: function handleOptionEvent(evnt, option) {
-      var $xePulldown = this;
-      var reactData = $xePulldown.reactData;
-      if (!option.disabled) {
-        if (reactData.visiblePanel) {
-          $xePulldown.hideOptionPanel();
-          $xePulldown.dispatchEvent('hide-panel', {}, evnt);
-        }
-        $xePulldown.dispatchEvent('option-click', {
-          option: option
-        }, evnt);
-      }
-    },
-    clickTargetEvent: function clickTargetEvent(evnt) {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var reactData = $xePulldown.reactData;
-      var trigger = props.trigger;
-      var popupOpts = $xePulldown.computePopupOpts;
-      var currTrigger = trigger || popupOpts.trigger;
-      if (currTrigger === 'click') {
-        if (reactData.visiblePanel) {
-          $xePulldown.hideOptionPanel();
-          $xePulldown.dispatchEvent('hide-panel', {}, evnt);
-        } else {
-          $xePulldown.showPanel();
-          $xePulldown.dispatchEvent('show-panel', {}, evnt);
-        }
-      }
-      $xePulldown.dispatchEvent('click', {
-        $pulldown: $xePulldown
-      }, evnt);
-    },
-    handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var reactData = $xePulldown.reactData;
-      var trigger = props.trigger,
-        disabled = props.disabled;
-      var visiblePanel = reactData.visiblePanel;
-      var popupOpts = $xePulldown.computePopupOpts;
-      var currTrigger = trigger || popupOpts.trigger;
-      var panelElem = $xePulldown.$refs.refPulldownPanel;
-      if (!disabled) {
-        if (visiblePanel) {
-          if ((0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
-            $xePulldown.updatePlacement();
-          } else {
-            if (currTrigger !== 'manual') {
-              $xePulldown.hideOptionPanel();
-              $xePulldown.dispatchEvent('hide-panel', {}, evnt);
-            }
-          }
-        }
-      }
-    },
-    handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var reactData = $xePulldown.reactData;
-      var trigger = props.trigger,
-        disabled = props.disabled;
-      var visiblePanel = reactData.visiblePanel;
-      var popupOpts = $xePulldown.computePopupOpts;
-      var currTrigger = trigger || popupOpts.trigger;
-      var el = $xePulldown.$refs.refElem;
-      var panelElem = $xePulldown.$refs.refPulldownPanel;
-      if (!disabled) {
-        reactData.isActivated = (0, _dom.getEventTargetNode)(evnt, el).flag || (0, _dom.getEventTargetNode)(evnt, panelElem).flag;
-        if (visiblePanel && !reactData.isActivated) {
-          if (currTrigger !== 'manual') {
-            $xePulldown.hideOptionPanel();
-            $xePulldown.dispatchEvent('hide-panel', {}, evnt);
-          }
-        }
-      }
-    },
-    handleGlobalBlurEvent: function handleGlobalBlurEvent(evnt) {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var reactData = $xePulldown.reactData;
-      var trigger = props.trigger;
-      var visiblePanel = reactData.visiblePanel,
-        isActivated = reactData.isActivated;
-      var popupOpts = $xePulldown.computePopupOpts;
-      var currTrigger = trigger || popupOpts.trigger;
-      if (visiblePanel) {
-        if (currTrigger !== 'manual') {
-          $xePulldown.hideOptionPanel();
-          $xePulldown.dispatchEvent('hide-panel', {}, evnt);
-        }
-      }
-      if (isActivated) {
-        reactData.isActivated = false;
-      }
-    },
-    handleGlobalResizeEvent: function handleGlobalResizeEvent() {
-      var $xePulldown = this;
-      var reactData = $xePulldown.reactData;
-      var visiblePanel = reactData.visiblePanel;
-      if (visiblePanel) {
-        $xePulldown.updatePlacement();
-      }
-    },
-    //
-    // Render
-    //
-    renderDefaultPanel: function renderDefaultPanel(h, options) {
-      var $xePulldown = this;
-      var slots = $xePulldown.$scopedSlots;
-      var optionSlot = slots.option;
-      return h('div', {
-        class: 'vxe-pulldown--panel-list'
-      }, options ? options.map(function (item) {
-        return h('div', {
-          class: 'vxe-pulldown--panel-item',
-          on: {
-            click: function click(evnt) {
-              $xePulldown.handleOptionEvent(evnt, item);
-            }
-          }
-        }, optionSlot ? optionSlot({
-          $pulldown: $xePulldown,
-          option: item
-        }) : "".concat(item.label || ''));
-      }) : []);
-    },
-    renderVN: function renderVN(h) {
-      var $xePulldown = this;
-      var props = $xePulldown;
-      var slots = $xePulldown.$scopedSlots;
-      var reactData = $xePulldown.reactData;
-      var className = props.className,
-        options = props.options,
-        showPopupShadow = props.showPopupShadow,
-        destroyOnClose = props.destroyOnClose,
-        disabled = props.disabled;
-      var initialized = reactData.initialized,
-        isActivated = reactData.isActivated,
-        isAniVisible = reactData.isAniVisible,
-        visiblePanel = reactData.visiblePanel,
-        panelStyle = reactData.panelStyle,
-        panelPlacement = reactData.panelPlacement;
-      var btnTransfer = $xePulldown.computeBtnTransfer;
-      var popupOpts = $xePulldown.computePopupOpts;
-      var vSize = $xePulldown.computeSize;
-      var defaultSlot = slots.default;
-      var headerSlot = slots.header;
-      var footerSlot = slots.footer;
-      var dropdownSlot = slots.dropdown;
-      var ppClassName = popupOpts.className || props.popupClassName;
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-pulldown', className ? _xeUtils.default.isFunction(className) ? className({
-          $pulldown: $xePulldown
-        }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--visible', visiblePanel), 'is--disabled', disabled), 'is--active', isActivated)]
-      }, [h('div', {
-        ref: 'refPulldownContent',
-        class: 'vxe-pulldown--content',
-        on: {
-          click: $xePulldown.clickTargetEvent
-        }
-      }, defaultSlot ? defaultSlot({
-        options: options,
-        $pulldown: $xePulldown
-      }) : []), h('div', {
-        ref: 'refPulldownPanel',
-        class: ['vxe-table--ignore-clear vxe-pulldown--panel', ppClassName ? _xeUtils.default.isFunction(ppClassName) ? ppClassName({
-          $pulldown: $xePulldown
-        }) : ppClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', isAniVisible), 'ani--enter', visiblePanel)],
-        attrs: {
-          placement: panelPlacement
-        },
-        style: panelStyle
-      }, initialized ? [h('div', {
-        class: ['vxe-pulldown--panel-wrapper', {
-          'is--shadow': showPopupShadow
-        }]
-      }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [headerSlot ? h('div', {
-        class: 'vxe-pulldown--panel-header'
-      }, headerSlot({
-        options: options,
-        $pulldown: $xePulldown
-      })) : (0, _ui.renderEmptyElement)($xePulldown), h('div', {
-        class: 'vxe-pulldown--panel-body'
-      }, dropdownSlot ? dropdownSlot({
-        options: options,
-        $pulldown: $xePulldown
-      }) : [$xePulldown.renderDefaultPanel(h, options)]), footerSlot ? h('div', {
-        class: 'vxe-pulldown--panel-footer'
-      }, footerSlot({
-        options: options,
-        $pulldown: $xePulldown
-      })) : (0, _ui.renderEmptyElement)($xePulldown)] : [])] : [])]);
-    }
-  },
-  watch: {
-    value: function value(val) {
-      var $xePulldown = this;
-      var reactData = $xePulldown.reactData;
-      reactData.isActivated = !!val;
-      if (val) {
-        $xePulldown.showPanel();
-      } else {
-        $xePulldown.hideOptionPanel();
-      }
-    }
-  },
-  created: function created() {
-    var $xePulldown = this;
-    var props = $xePulldown;
-    if (props.value) {
-      $xePulldown.showPanel();
-    }
-    _ui.globalEvents.on($xePulldown, 'mousewheel', $xePulldown.handleGlobalMousewheelEvent);
-    _ui.globalEvents.on($xePulldown, 'mousedown', $xePulldown.handleGlobalMousedownEvent);
-    _ui.globalEvents.on($xePulldown, 'blur', $xePulldown.handleGlobalBlurEvent);
-    _ui.globalEvents.on($xePulldown, 'resize', $xePulldown.handleGlobalResizeEvent);
-  },
-  beforeDestroy: function beforeDestroy() {
-    var $xePulldown = this;
-    var panelElem = $xePulldown.$refs.refPulldownPanel;
-    if (panelElem && panelElem.parentNode) {
-      panelElem.parentNode.removeChild(panelElem);
-    }
-    _ui.globalEvents.off($xePulldown, 'mousewheel');
-    _ui.globalEvents.off($xePulldown, 'mousedown');
-    _ui.globalEvents.off($xePulldown, 'blur');
-    _ui.globalEvents.off($xePulldown, 'resize');
-  },
-  render: function render(h) {
-    return this.renderVN(h);
-  }
-});
-/* define-vxe-component end */

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

@@ -1 +0,0 @@
-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:function(){return(0,_ui.getConfig)().pulldown.trigger}},zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().pulldown.size||(0,_ui.getConfig)().size}},options:Array,className:{type:[String,Function],default:function(){return(0,_ui.getConfig)().pulldown.className}},popupClassName:[String,Function],showPopupShadow:Boolean,popupConfig:Object,destroyOnClose:{type:Boolean,default:function(){return(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,isAniVisible:!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,a=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===a){e=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(e))return e;if(i||t||n||l)return!0}return a},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().pulldown.popupConfig,this.popupConfig)}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$pulldown:this},t))},emitModel:function(e){var t=this,n=t._events;n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},updateZindex:function(){var e=this,t=e.reactData,e=e.computePopupOpts.zIndex||e.zIndex;e?t.panelIndex=_xeUtils.default.toNumber(e):t.panelIndex<(0,_utils.getLastZIndex)()&&(t.panelIndex=(0,_utils.nextZIndex)())},isPanelVisible:function(){return this.reactData.visiblePanel},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(a,o,{placement:u.placement||i,defaultPlacement:u.defaultPlacement,teleportTo:r}),t=Object.assign(e.style,{zIndex:l});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,l=n.panelIndex,a=t.$refs.refPulldownContent,o=t.$refs.refPulldownPanel,r=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showPanel:function(){var t=this,n=t,i=t.reactData,l=t.internalData,e=t.computeBtnTransfer,a=t.$refs.refPulldownPanel;return i.initialized||(i.initialized=!0,e&&a&&document.body.appendChild(a)),new Promise(function(e){n.disabled?t.$nextTick(function(){e()}):(l.hpTimeout&&clearTimeout(l.hpTimeout),i.isActivated=!0,i.isAniVisible=!0,setTimeout(function(){i.visiblePanel=!0,t.emitModel(!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex(),t.dispatchEvent("visible-change",{visible:!0},null))})},hidePanel:function(){return this.hideOptionPanel()},hideOptionPanel:function(){var t=this,n=t.reactData,i=t.internalData;return n.visiblePanel=!1,t.dispatchEvent("visible-change",{visible:!1},null),t.emitModel(!1),new Promise(function(e){n.isAniVisible?i.hpTimeout=setTimeout(function(){n.isAniVisible=!1,t.$nextTick(function(){e()})},350):t.$nextTick(function(){e()})})},togglePanel:function(){return this.reactData.visiblePanel?this.hideOptionPanel():this.showPanel()},handleOptionEvent:function(e,t){var n=this.reactData;t.disabled||(n.visiblePanel&&(this.hideOptionPanel(),this.dispatchEvent("hide-panel",{},e)),this.dispatchEvent("option-click",{option:t},e))},clickTargetEvent:function(e){var t=this,n=t.reactData;"click"===(t.trigger||t.computePopupOpts.trigger)&&(n.visiblePanel?(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)):(t.showPanel(),t.dispatchEvent("show-panel",{},e))),t.dispatchEvent("click",{$pulldown:t},e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData,i=t.trigger,n=n.visiblePanel,i=i||t.computePopupOpts.trigger,l=t.$refs.refPulldownPanel;t.disabled||n&&((0,_dom.getEventTargetNode)(e,l).flag?t.updatePlacement():"manual"!==i&&(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=t.trigger,l=n.visiblePanel,i=i||t.computePopupOpts.trigger,a=t.$refs.refElem,o=t.$refs.refPulldownPanel;t.disabled||(n.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,o).flag,l&&!n.isActivated&&"manual"!==i&&(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalBlurEvent:function(e){var t=this,n=t.reactData,i=t.trigger,l=n.visiblePanel,a=n.isActivated,i=i||t.computePopupOpts.trigger;l&&"manual"!==i&&(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)),a&&(n.isActivated=!1)},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},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,a=t.options,o=t.showPopupShadow,r=t.destroyOnClose,u=t.disabled,s=i.initialized,d=i.isActivated,p=i.isAniVisible,c=i.visiblePanel,f=i.panelStyle,i=i.panelPlacement,v=t.computeBtnTransfer,m=t.computeSize,h=n.default,P=n.header,b=n.footer,n=n.dropdown,g=t.computePopupOpts.className||t.popupClassName;return e("div",{ref:"refElem",class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--visible",c),"is--disabled",u),"is--active",d)]},[e("div",{ref:"refPulldownContent",class:"vxe-pulldown--content",on:{click:t.clickTargetEvent}},h?h({options:a,$pulldown:t}):[]),e("div",{ref:"refPulldownPanel",class:["vxe-table--ignore-clear vxe-pulldown--panel",g?_xeUtils.default.isFunction(g)?g({$pulldown:t}):g:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",v),"ani--leave",p),"ani--enter",c)],attrs:{placement:i},style:f},s?[e("div",{class:["vxe-pulldown--panel-wrapper",{"is--shadow":o}]},s&&(!r||c||p)?[P?e("div",{class:"vxe-pulldown--panel-header"},P({options:a,$pulldown:t})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-pulldown--panel-body"},n?n({options:a,$pulldown:t}):[t.renderDefaultPanel(e,a)]),b?e("div",{class:"vxe-pulldown--panel-footer"},b({options:a,$pulldown:t})):(0,_ui.renderEmptyElement)(t)]:[])]:[])])}},watch:{value:function(e){this.reactData.isActivated=!!e,e?this.showPanel():this.hideOptionPanel()}},created:function(){var e=this;e.value&&e.showPanel(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this,t=e.$refs.refPulldownPanel;t&&t.parentNode&&t.parentNode.removeChild(t),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});

package/lib/pulldown/style/index.js

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

package/lib/pulldown/style/style.css

@@ -1,109 +0,0 @@
-.vxe-pulldown {
-  position: relative;
-  display: inline-block;
-  color: var(--vxe-ui-font-color);
-  font-family: var(--vxe-ui-font-family);
-  text-align: left;
-}
-
-.vxe-pulldown--panel {
-  display: none;
-  position: absolute;
-  left: 0;
-  padding: 4px 0;
-  color: var(--vxe-ui-font-color);
-  text-align: left;
-}
-.vxe-pulldown--panel:not(.is--transfer) {
-  min-width: 100%;
-}
-.vxe-pulldown--panel.is--transfer {
-  position: fixed;
-}
-.vxe-pulldown--panel.ani--leave {
-  display: block;
-  opacity: 0;
-  transform: scaleY(0.5);
-  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-  transform-origin: center top;
-  backface-visibility: hidden;
-}
-.vxe-pulldown--panel.ani--leave[placement=top] {
-  transform-origin: center bottom;
-}
-.vxe-pulldown--panel.ani--enter {
-  opacity: 1;
-  transform: scaleY(1);
-}
-.vxe-pulldown--panel.ani--enter > div::after {
-  display: none;
-}
-.vxe-pulldown--panel > div::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-
-.vxe-pulldown--panel-wrapper {
-  background-color: var(--vxe-ui-layout-background-color);
-}
-.vxe-pulldown--panel-wrapper.is--shadow {
-  box-shadow: var(--vxe-ui-base-popup-box-shadow);
-}
-
-.vxe-pulldown--panel-list .vxe-pulldown--panel-item {
-  line-height: 30px;
-  max-width: 50vw;
-  padding: 0 var(--vxe-ui-layout-padding-default);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled) {
-  cursor: pointer;
-}
-.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled):hover {
-  background-color: var(--vxe-ui-base-hover-background-color);
-}
-.vxe-pulldown--panel-list .vxe-pulldown--panel-item.is--disabled {
-  color: var(--vxe-ui-font-disabled-color);
-  cursor: no-drop;
-}
-
-.vxe-pulldown,
-.vxe-pulldown--panel {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-pulldown.size--medium,
-.vxe-pulldown--panel.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-pulldown.size--small,
-.vxe-pulldown--panel.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-pulldown.size--mini,
-.vxe-pulldown--panel.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}
-
-.vxe-pulldown--panel .vxe-pulldown--panel-item {
-  height: var(--vxe-ui-pulldown-option-height-default);
-}
-.vxe-pulldown--panel.size--medium .vxe-pulldown--panel-item {
-  height: var(--vxe-ui-pulldown-option-height-medium);
-}
-.vxe-pulldown--panel.size--small .vxe-pulldown--panel-item {
-  height: var(--vxe-ui-pulldown-option-height-medium);
-}
-.vxe-pulldown--panel.size--mini .vxe-pulldown--panel-item {
-  height: var(--vxe-ui-pulldown-option-height-medium);
-}

package/lib/pulldown/style/style.min.css

@@ -1 +0,0 @@
-.vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-pulldown--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel.ani--enter>div::after{display:none}.vxe-pulldown--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-pulldown--panel-wrapper{background-color:var(--vxe-ui-layout-background-color)}.vxe-pulldown--panel-wrapper.is--shadow{box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item{line-height:30px;max-width:50vw;padding:0 var(--vxe-ui-layout-padding-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled){cursor:pointer}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled):hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-pulldown--panel .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-default)}.vxe-pulldown--panel.size--medium .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--small .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--mini .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-option-height-medium)}