vxe-pc-ui 4.6.5 → 4.6.6

package/lib/index.umd.js

@@ -4213,14 +4213,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.6.5"}`;
+const log_version = `ui v${"4.6.6"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.6.5";
+const ui_version = "4.6.6";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -6455,7 +6455,7 @@ function handleBooleanDefaultValue(value) {
 
 
 
-/* harmony default export */ var src_button = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+const VxeButtonComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeButton',
   props: {
     /**
@@ -6524,6 +6524,7 @@ function handleBooleanDefaultValue(value) {
     align: String,
     prefixTooltip: Object,
     suffixTooltip: Object,
+    options: Array,
     /**
      * 在下拉面板关闭时销毁内容
      */
@@ -6674,6 +6675,20 @@ function handleBooleanDefaultValue(value) {
       }
       return false;
     });
+    const computeDownBtnList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        options
+      } = props;
+      if (options) {
+        return options.filter(item => {
+          const {
+            permissionCode
+          } = item;
+          return !permissionCode || permission.checkVisible(permissionCode);
+        });
+      }
+      return [];
+    });
     const computePrefixTipOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, props.prefixTooltip);
     });
@@ -6719,6 +6734,16 @@ function handleBooleanDefaultValue(value) {
         $event: evnt
       }, evnt);
     };
+    const downBtnClickEvent = (params, option) => {
+      const {
+        $event
+      } = params;
+      hidePanel();
+      dispatchEvent('dropdown-click', {
+        name: option.name,
+        option
+      }, $event);
+    };
     const mousedownDropdownEvent = evnt => {
       const isLeftBtn = evnt.button === 0;
       if (isLeftBtn) {
@@ -6744,7 +6769,7 @@ function handleBooleanDefaultValue(value) {
         }, 350);
         dispatchEvent('dropdown-click', {
           name: targetElem.getAttribute('name'),
-          $event: evnt
+          option: null
         }, evnt);
       }
     };
@@ -6778,7 +6803,7 @@ function handleBooleanDefaultValue(value) {
       }
     };
     const mouseleaveTargetEvent = evnt => {
-      closePanel();
+      hidePanel();
       mouseleaveEvent(evnt);
     };
     const mouseenterEvent = evnt => {
@@ -6796,7 +6821,7 @@ function handleBooleanDefaultValue(value) {
       if (!(btnDisabled || loading)) {
         if (trigger === 'click') {
           if (reactData.visiblePanel) {
-            closePanel();
+            hidePanel();
           } else {
             openPanel();
           }
@@ -6824,7 +6849,7 @@ function handleBooleanDefaultValue(value) {
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
-    const closePanel = () => {
+    const hidePanel = () => {
       const panelElem = refBtnPanel.value;
       clearTimeout(internalData.showTime);
       if (panelElem) {
@@ -6846,7 +6871,7 @@ function handleBooleanDefaultValue(value) {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
     const mouseleaveDropdownEvent = () => {
-      closePanel();
+      hidePanel();
     };
     const renderTooltipIcon = (tipOpts, type) => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tooltip, {
@@ -6913,7 +6938,7 @@ function handleBooleanDefaultValue(value) {
     buttonMethods = {
       dispatchEvent,
       openPanel,
-      closePanel,
+      closePanel: hidePanel,
       focus() {
         const btnElem = refButton.value;
         if (btnElem) {
@@ -6932,7 +6957,7 @@ function handleBooleanDefaultValue(value) {
     const handleGlobalMousewheelEvent = evnt => {
       const panelElem = refBtnPanel.value;
       if (reactData.visiblePanel && !getEventTargetNode(evnt, panelElem).flag) {
-        closePanel();
+        hidePanel();
       }
     };
     const handleGlobalMousedownEvent = evnt => {
@@ -6945,7 +6970,7 @@ function handleBooleanDefaultValue(value) {
         const panelElem = refBtnPanel.value;
         reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
         if (visiblePanel && !reactData.isActivated) {
-          closePanel();
+          hidePanel();
         }
       }
     };
@@ -6976,12 +7001,13 @@ function handleBooleanDefaultValue(value) {
       const btnTransfer = computeBtnTransfer.value;
       const btnDisabled = computeBtnDisabled.value;
       const permissionInfo = computePermissionInfo.value;
+      const downBtnList = computeDownBtnList.value;
       const vSize = computeSize.value;
-      const downsSlot = slots.dropdowns;
+      const dropdownsSlot = slots.dropdowns;
       if (!permissionInfo.visible) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
       }
-      if (downsSlot) {
+      if (dropdownsSlot || downBtnList.length) {
         const btnOns = {};
         const panelOns = {};
         if (trigger === 'hover') {
@@ -7060,11 +7086,35 @@ function handleBooleanDefaultValue(value) {
           placement: reactData.panelPlacement,
           style: reactData.panelStyle,
           ...panelOns
-        }, initialized && (visiblePanel || isAniVisible) ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        }, initialized && (visiblePanel || isAniVisible) ? [dropdownsSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-button--dropdown-wrapper',
           onMousedown: mousedownDropdownEvent,
           onClick: clickDropdownEvent
-        }, destroyOnClose && !visiblePanel ? [] : downsSlot({}))] : [])])]);
+        }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? dropdownsSlot({}) : []) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-button--dropdown-wrapper'
+        }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? downBtnList.map((option, i) => {
+          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeButtonComponent, {
+            key: i,
+            type: option.type,
+            mode: option.mode || btnMode,
+            className: option.className,
+            name: option.name,
+            routerLink: option.routerLink,
+            permissionCode: option.permissionCode,
+            title: option.title,
+            content: option.content,
+            status: option.status,
+            icon: option.icon,
+            round: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(option.round) ? option.round : btnMode === 'text' ? false : btnRound,
+            circle: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(option.circle) ? option.circle : btnMode === 'text' ? false : btnCircle,
+            disabled: option.disabled,
+            loading: option.loading,
+            align: option.align,
+            onClick(params) {
+              downBtnClickEvent(params, option);
+            }
+          });
+        }) : [])] : [])])]);
       }
       if (routerLink) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('router-link'), {
@@ -7133,7 +7183,8 @@ function handleBooleanDefaultValue(value) {
   render() {
     return this.renderVN();
   }
-}));
+});
+/* harmony default export */ var src_button = (VxeButtonComponent);
 ;// CONCATENATED MODULE: ./packages/button/index.ts