bkui-vue 1.0.3-beta.68.dialog.1 → 1.0.3-beta.68.dialog.2

package/lib/dialog/index.js

@@ -874,39 +874,29 @@ function _isSlot(s) {
               });
             }
             if (props.dialogType === 'process') {
-              var renderFirstStepBtn = function renderFirstStepBtn() {
-                if (props.current === 1) {
-                  return (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-                    "class": resolveClassName('dialog-perv'),
-                    "onClick": handlePrevStep
-                  }, {
-                    "default": function _default() {
-                      return [localPrevText.value];
-                    }
-                  });
+              return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [props.current > 1 && (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "class": resolveClassName('dialog-perv'),
+                "onClick": handlePrevStep
+              }, {
+                "default": function _default() {
+                  return [localPrevText.value];
+                }
+              }), props.current >= 1 && props.current < props.totalStep && (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "class": resolveClassName('dialog-next'),
+                "onClick": handleNextStep
+              }, {
+                "default": function _default() {
+                  return [localNextText.value];
                 }
-              };
-              var renderStepBtn = function renderStepBtn() {
-                if (props.current === props.totalStep) {
-                  return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-                    "class": resolveClassName('dialog-next'),
-                    "onClick": handleNextStep
-                  }, {
-                    "default": function _default() {
-                      return [localNextText.value];
-                    }
-                  }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-                    "onClick": handleConfirm,
-                    "theme": props.confirmButtonTheme,
-                    "loading": props.isLoading
-                  }, {
-                    "default": function _default() {
-                      return [localConfirmText.value];
-                    }
-                  })]);
+              }), props.current >= 1 && props.current === props.totalStep && (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "onClick": handleConfirm,
+                "theme": props.confirmButtonTheme,
+                "loading": props.isLoading
+              }, {
+                "default": function _default() {
+                  return [localConfirmText.value];
                 }
-              };
-              return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [renderFirstStepBtn(), renderStepBtn(), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+              }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
                 "class": resolveClassName('dialog-cancel'),
                 "onClick": handleClose,
                 "disabled": props.isLoading

package/lib/radio/index.d.ts

@@ -23,6 +23,9 @@ declare const BkRadio: {
         } & {
             default: boolean;
         };
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }>> & {
         onChange?: (value: any) => any;
         "onUpdate:modelValue"?: (value: any) => any;
@@ -61,6 +64,9 @@ declare const BkRadio: {
         } & {
             default: boolean;
         };
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }>> & {
         onChange?: (value: any) => any;
         "onUpdate:modelValue"?: (value: any) => any;
@@ -69,6 +75,7 @@ declare const BkRadio: {
         disabled: boolean;
         modelValue: string | number | boolean;
         checked: boolean;
+        beforeChange: (...args: any[]) => any;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -98,6 +105,9 @@ declare const BkRadio: {
         } & {
             default: boolean;
         };
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }>> & {
         onChange?: (value: any) => any;
         "onUpdate:modelValue"?: (value: any) => any;
@@ -116,6 +126,7 @@ declare const BkRadio: {
         disabled: boolean;
         modelValue: string | number | boolean;
         checked: boolean;
+        beforeChange: (...args: any[]) => any;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -142,6 +153,9 @@ declare const BkRadio: {
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }>> & {
     onChange?: (value: any) => any;
     "onUpdate:modelValue"?: (value: any) => any;
@@ -163,6 +177,7 @@ declare const BkRadio: {
     disabled: boolean;
     modelValue: string | number | boolean;
     checked: boolean;
+    beforeChange: (...args: any[]) => any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Group: import("vue").DefineComponent<{
         name: import("vue-types").VueTypeValidableDef<string> & {

package/lib/radio/index.js

@@ -237,22 +237,29 @@ var useRadio = function useRadio() {
   };
   // 值更新
   var handleChange = function handleChange(event) {
+    var _props$beforeChange, _props$beforeChange2;
     if (isDisabled.value) {
       return;
     }
     var $targetInput = event.target;
-    isChecked.value = $targetInput.checked;
-    var nextValue = isChecked.value ? props.label : '';
-    emit('update:modelValue', nextValue);
-    emit('change', nextValue);
-    // 更新 radio-group
-    if (isGroup) {
-      radioGroup.handleChange(currentInstance.proxy);
-    }
-    (0,external_vue_namespaceObject.nextTick)(function () {
-      // 选中状态保持同步
-      if ($targetInput.checked !== isChecked.value) {
-        $targetInput.checked = isChecked.value;
+    var newValue = $targetInput.checked;
+    var beforeChangeValue = (_props$beforeChange = (_props$beforeChange2 = props.beforeChange) === null || _props$beforeChange2 === void 0 ? void 0 : _props$beforeChange2.call(props, newValue, event, props)) !== null && _props$beforeChange !== void 0 ? _props$beforeChange : true;
+    Promise.resolve(beforeChangeValue).then(function (result) {
+      if (result) {
+        isChecked.value = $targetInput.checked;
+        var nextValue = isChecked.value ? props.label : '';
+        emit('update:modelValue', nextValue);
+        emit('change', nextValue);
+        // 更新 radio-group
+        if (isGroup) {
+          radioGroup.handleChange(currentInstance.proxy);
+        }
+        (0,external_vue_namespaceObject.nextTick)(function () {
+          // 选中状态保持同步
+          if ($targetInput.checked !== isChecked.value) {
+            $targetInput.checked = isChecked.value;
+          }
+        });
       }
     });
   };
@@ -312,7 +319,8 @@ var radioProps = {
   label: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).isRequired,
   modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(''),
   checked: shared_namespaceObject.PropTypes.bool.def(false),
-  disabled: shared_namespaceObject.PropTypes.bool.def(false)
+  disabled: shared_namespaceObject.PropTypes.bool.def(false),
+  beforeChange: shared_namespaceObject.PropTypes.func
 };
 /* harmony default export */ const src_radio = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Radio',

package/lib/radio/radio.d.ts

@@ -21,6 +21,9 @@ declare const radioProps: {
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 };
 export type RadioProps = Readonly<ExtractPropTypes<typeof radioProps>>;
 declare const _default: import("vue").DefineComponent<{
@@ -45,6 +48,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }, {
     size: import("vue").Ref<string>;
     isFocused: import("vue").Ref<boolean>;
@@ -80,6 +86,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }>> & {
     onChange?: (value: any) => any;
     "onUpdate:modelValue"?: (value: any) => any;
@@ -88,5 +97,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | number | boolean;
     checked: boolean;
+    beforeChange: (...args: any[]) => any;
 }, {}>;
 export default _default;

package/lib/tree/constant.d.ts

@@ -6,7 +6,8 @@ export declare enum EVENTS {
     NODE_DRAG_START = "nodeDragStart",
     NODE_DRAG_OVER = "nodeDragOver",
     NODE_DRAG_LEAVE = "nodeDragLeave",
-    NODE_DROP = "nodeDrop"
+    NODE_DROP = "nodeDrop",
+    NODE_ENTER_VIEW = "nodeEnterView"
 }
 export declare const TreeEmitEventsType: {
     nodeClick: (..._args: any[]) => boolean;
@@ -17,6 +18,7 @@ export declare const TreeEmitEventsType: {
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
+    nodeEnterView: (..._args: any[]) => boolean;
 };
 /**
  * 节点扩展属性

package/lib/tree/index.d.ts

@@ -120,6 +120,9 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+            default: boolean | (() => import("./props").IIntersectionObserver);
+        };
     }>> & {
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -129,6 +132,7 @@ declare const BkTree: {
         onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...args: any[]) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         nodeClick: (..._args: any[]) => boolean;
         nodeCollapse: (..._args: any[]) => boolean;
@@ -138,6 +142,7 @@ declare const BkTree: {
         nodeDragOver: (..._args: any[]) => boolean;
         nodeDragLeave: (..._args: any[]) => boolean;
         nodeDrop: (..._args: any[]) => boolean;
+        nodeEnterView: (..._args: any[]) => boolean;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         data: import("vue-types").VueTypeDef<any[]> & {
             default: () => any[];
@@ -259,6 +264,9 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+            default: boolean | (() => import("./props").IIntersectionObserver);
+        };
     }>> & {
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -268,6 +276,7 @@ declare const BkTree: {
         onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...args: any[]) => any;
     }, {
         data: any[];
         height: number;
@@ -296,6 +305,7 @@ declare const BkTree: {
         nodeContentAction: any;
         keepSlotData: boolean;
         checkStrictly: boolean;
+        intersectionObserver: boolean | import("./props").IIntersectionObserver;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -424,6 +434,9 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+            default: boolean | (() => import("./props").IIntersectionObserver);
+        };
     }>> & {
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -433,6 +446,7 @@ declare const BkTree: {
         onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...args: any[]) => any;
     }, () => JSX.Element, {}, {}, {}, {
         data: any[];
         height: number;
@@ -461,6 +475,7 @@ declare const BkTree: {
         nodeContentAction: any;
         keepSlotData: boolean;
         checkStrictly: boolean;
+        intersectionObserver: boolean | import("./props").IIntersectionObserver;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -586,6 +601,9 @@ declare const BkTree: {
     } & {
         default: boolean;
     };
+    intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+        default: boolean | (() => import("./props").IIntersectionObserver);
+    };
 }>> & {
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
@@ -595,6 +613,7 @@ declare const BkTree: {
     onNodeDragOver?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
+    onNodeEnterView?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     nodeClick: (..._args: any[]) => boolean;
     nodeCollapse: (..._args: any[]) => boolean;
@@ -604,6 +623,7 @@ declare const BkTree: {
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
+    nodeEnterView: (..._args: any[]) => boolean;
 }, string, {
     data: any[];
     height: number;
@@ -632,5 +652,6 @@ declare const BkTree: {
     nodeContentAction: any;
     keepSlotData: boolean;
     checkStrictly: boolean;
+    intersectionObserver: boolean | import("./props").IIntersectionObserver;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkTree;