@meethive/components 0.0.3 → 0.0.4

package/es/PermissionButton/PermissionButton.js

@@ -1,118 +1,118 @@
- function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-import { defineComponent, computed, inject, getCurrentInstance, toRefs } from 'vue'
-import { Button, Tooltip, Modal } from 'ant-design-vue'
-import { omit } from 'lodash-es'
-import { buttonProps } from 'ant-design-vue/es/button/button'
-import { usePermission } from '@meethive/hooks'
-import confirm from './confirm'
-import { PermissionButtonConfig } from '../utils/constants'
-import { useLocaleReceiver } from '../LocaleReciver'
-
-const definedProps = {
-  tooltip: {
-    type: Object
-  },
-  popConfirm: {
-    type: Object
-  },
-  hasPermission: {
-    type: [String, Array, Boolean],
-    default: undefined
-  },
-  style: {
-    type: Object
-  },
-  noPermissionTitle: {
-    type: String
-  },
-  popConfirmBefore: {
-    type: Function
-  },
-  ...omit(buttonProps(), 'icon')
-} 
-
-export default defineComponent({
-  name: 'JPermissionButton',
-  components: { Button, Tooltip },
-  // @ts-ignore
-  slots: ['button', 'icon'],
-  props: definedProps,
-  setup(props) {
-    const instance = getCurrentInstance()
-    const propsRef = toRefs(props)
-    const { hasPerm } = usePermission(propsRef.hasPermission)
-    const [contextLocale] = useLocaleReceiver('PermissionButton')
-
-    const context = inject(PermissionButtonConfig, {
-      components: undefined
-    }) 
-
-    const permission = computed(() => {
-      if (props.hasPermission === true || props.hasPermission === undefined) {
-        return true
-      }
-      return hasPerm.value
-    })
-
-    const isPermission = computed(() => {
-      if ('hasPermission' in props && permission.value) {
-        return 'disabled' in props ? !!props.disabled : false
-      }
-      return true
-    })
-
-    const hasTooltip = computed(() => !!props.tooltip) // 是否包含文字提示
-
-    // 排除不传递给 Button 的属性 (与 ES 原版 _excluded 一致)
-    const computedButtonProps = computed(() => {
-      const { popConfirm, tooltip, hasPermission, noPermissionTitle, ...rest } = props
-      return {
-        ...rest,
-        onClick: popConfirm ? handleClick : rest.onClick
-      }
-    })
-
-    // tooltip 属性 (与 ES 原版 _extends 一致)
-    const tooltipProps = computed(() => {
-      if (!props.tooltip) return {}
-      return Object.assign(props.tooltip, {
-        disabled: isPermission.value
-      })
-    })
-
-    // popConfirm 点击处理
-    const handleClick = async () => {
-      const _popConfirm = (await _optionalChain([props, 'access', _ => _.popConfirmBefore, 'optionalCall', _2 => _2()])) || props.popConfirm
-      if (context.components) {
-        confirm(
-          {
-            ..._popConfirm,
-            danger: props.danger
-          },
-          context.components
-        )
-      } else {
-        Modal.confirm({
-          title: _popConfirm.title,
-          content: _popConfirm.content,
-          onOk: () => {
-            return _optionalChain([_popConfirm, 'access', _3 => _3.onConfirm, 'optionalCall', _4 => _4()])
-          },
-          onCancel: () => {
-            _optionalChain([_popConfirm, 'access', _5 => _5.onCancel, 'optionalCall', _6 => _6()])
-          }
-        })
-      }
-    }
-
-    return {
-      permission,
-      isPermission,
-      hasTooltip,
-      computedButtonProps,
-      tooltipProps,
-      contextLocale,
-      handleClick
-    }
-  }
-})
+import { defineComponent, computed, inject, getCurrentInstance, toRefs } from 'vue';
+import { Button, Tooltip, Modal } from 'ant-design-vue';
+import { omit } from 'lodash-es';
+import { buttonProps } from 'ant-design-vue/es/button/button';
+import { usePermission } from '@meethive/hooks';
+import confirm from './confirm';
+import { PermissionButtonConfig } from '../utils/constants';
+import { useLocaleReceiver } from '../LocaleReciver';
+const definedProps = {
+  tooltip: {
+    type: Object
+  },
+  popConfirm: {
+    type: Object
+  },
+  hasPermission: {
+    type: [String, Array, Boolean],
+    default: undefined
+  },
+  style: {
+    type: Object
+  },
+  noPermissionTitle: {
+    type: String
+  },
+  popConfirmBefore: {
+    type: Function
+  },
+  ...omit(buttonProps(), 'icon')
+};
+export default defineComponent({
+  name: 'JPermissionButton',
+  components: {
+    Button,
+    Tooltip
+  },
+  // @ts-ignore
+  slots: ['button', 'icon'],
+  props: definedProps,
+  setup(props) {
+    const instance = getCurrentInstance();
+    const propsRef = toRefs(props);
+    const {
+      hasPerm
+    } = usePermission(propsRef.hasPermission);
+    const [contextLocale] = useLocaleReceiver('PermissionButton');
+    const context = inject(PermissionButtonConfig, {
+      components: undefined
+    });
+    const permission = computed(() => {
+      if (props.hasPermission === true || props.hasPermission === undefined) {
+        return true;
+      }
+      return hasPerm.value;
+    });
+    const isPermission = computed(() => {
+      if ('hasPermission' in props && permission.value) {
+        return 'disabled' in props ? !!props.disabled : false;
+      }
+      return true;
+    });
+    const hasTooltip = computed(() => !!props.tooltip); // 是否包含文字提示
+
+    // 排除不传递给 Button 的属性 (与 ES 原版 _excluded 一致)
+    const computedButtonProps = computed(() => {
+      const {
+        popConfirm,
+        tooltip,
+        hasPermission,
+        noPermissionTitle,
+        ...rest
+      } = props;
+      return {
+        ...rest,
+        onClick: popConfirm ? handleClick : rest.onClick
+      };
+    });
+
+    // tooltip 属性 (与 ES 原版 _extends 一致)
+    const tooltipProps = computed(() => {
+      if (!props.tooltip) return {};
+      return Object.assign(props.tooltip, {
+        disabled: isPermission.value
+      });
+    });
+
+    // popConfirm 点击处理
+    const handleClick = async () => {
+      const _popConfirm = (await props.popConfirmBefore?.()) || props.popConfirm;
+      if (context.components) {
+        confirm({
+          ..._popConfirm,
+          danger: props.danger
+        }, context.components);
+      } else {
+        Modal.confirm({
+          title: _popConfirm.title,
+          content: _popConfirm.content,
+          onOk: () => {
+            return _popConfirm.onConfirm?.();
+          },
+          onCancel: () => {
+            _popConfirm.onCancel?.();
+          }
+        });
+      }
+    };
+    return {
+      permission,
+      isPermission,
+      hasTooltip,
+      computedButtonProps,
+      tooltipProps,
+      contextLocale,
+      handleClick
+    };
+  }
+});