@meethive/components 0.0.2 → 0.0.4

package/es/ProLayout/SiderMenu/BaseMenu.js

@@ -1,241 +1,187 @@
- 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, watchEffect, isVNode, resolveComponent, getCurrentInstance, withCtx, } from 'vue'
-import { Menu } from 'ant-design-vue'
-import { createFromIconfontCN } from '@ant-design/icons-vue'
-import { defaultSettingProps } from '../defaultSettings'
-import { defaultPrefixCls } from '../RouteContext'
-import IconFont from '../../Icon'
-import { regular } from '@meethive/utils'
-
-let AntdIconFont = createFromIconfontCN({
-  scriptUrl: ''
-})
-
-const LazyIcon = (props) => {
-  const { icon, iconUrl, prefixCls = defaultPrefixCls } = props
-  if (!icon) return null
-  if (isVNode(icon)) {
-    return icon
-  }
-  if (typeof icon === 'string' && icon !== '') {
-    if (regular.isUrl(icon) || regular.isImg(icon)) {
-      return (
-        React.createElement('img', {
-          src: icon,
-          alt: "icon",
-          class: `${prefixCls}-sider-menu-icon`,}
-        )
-      )
-    }
-    return iconUrl
-      ? React.createElement(AntdIconFont, { type: icon,} )
-      : React.createElement(IconFont, { type: icon,} )
-  }
-  return null
-}
-
-export const baseMenuProps = {
-  ...defaultSettingProps,
-  prefixCls: {
-    type: String,
-    default: defaultPrefixCls
-  },
-  locale: {
-    type: [Function, Boolean],
-    default: (t) => t
-  },
-  menuData: {
-    type: Array,
-    default: () => []
-  },
-  mode: {
-    type: String,
-    default: 'inline'
-  },
-  theme: {
-    type: String,
-    default: 'dark'
-  },
-  collapsed: {
-    type: Boolean,
-    default: () => false
-  },
-  openKeys: {
-    type: Array,
-    default: () => undefined
-  },
-  selectedKeys: {
-    type: Array,
-    default: () => undefined
-  },
-  menuProps: {
-    type: Object,
-    default: () => null
-  },
-  menuItemRender: {
-    type: [Object, Function, Boolean],
-    default: () => undefined
-  },
-  subMenuItemRender: {
-    type: [Object, Function, Boolean],
-    default: () => undefined
-  },
-  onClick: [Function, Object]
-}
-
-// MenuUtil class for recursive menu rendering (matching ES source)
-class MenuUtil {
-  
-  
-  
-
-  constructor(_props, ctx) {;MenuUtil.prototype.__init.call(this);MenuUtil.prototype.__init2.call(this);MenuUtil.prototype.__init3.call(this);
-    this.props = _props
-    this.ctx = ctx
-    this.RouterLink = resolveComponent('router-link')
-  }
-
-  __init() {this.getNavMenuItems = (menusData = []) => {
-    return menusData.map((item) => this.getSubMenuOrItem(item)).filter((item) => item)
-  }}
-
-  __init2() {this.getSubMenuOrItem = (item) => {
-    if (
-      Array.isArray(item.children) &&
-      item.children.length > 0 &&
-      !_optionalChain([item, 'access', _27 => _27.meta, 'optionalAccess', _28 => _28.hideInMenu]) &&
-      !_optionalChain([item, 'access', _29 => _29.meta, 'optionalAccess', _30 => _30.hideChildrenInMenu])
-    ) {
-      if (this.props.subMenuItemRender) {
-        const subMenuItemRender = withCtx(this.props.subMenuItemRender, this.ctx)
-        return subMenuItemRender({
-          item,
-          children: this.getNavMenuItems(item.children)
-        })
-      }
-      const { prefixCls, locale } = this.props
-      const menuTitle = locale && locale(_optionalChain([item, 'access', _31 => _31.meta, 'optionalAccess', _32 => _32.title])) || _optionalChain([item, 'access', _33 => _33.meta, 'optionalAccess', _34 => _34.title])
-      const defaultTitle = _optionalChain([item, 'access', _35 => _35.meta, 'optionalAccess', _36 => _36.icon])
-        ? React.createElement('span', { class: `${prefixCls}-menu-item`,}
-            , React.createElement('span', { class: `${prefixCls}-menu-item-title`,}, menuTitle)
-          )
-        : React.createElement('span', { class: `${prefixCls}-menu-item`,}, menuTitle)
-
-      return (
-        React.createElement(Menu.SubMenu, {
-          title: defaultTitle,
-          key: item.key || item.path,
-          popupClassName: `${prefixCls}-menu-popup`,
-          icon: React.createElement(LazyIcon, { iconUrl: this.props.iconfontUrl, icon: _optionalChain([item, 'access', _37 => _37.meta, 'optionalAccess', _38 => _38.icon]),} ),}
+import { defineComponent, watchEffect, isVNode, resolveComponent, getCurrentInstance, withCtx } from 'vue';
+import { Menu } from 'ant-design-vue';
+import { createFromIconfontCN } from '@ant-design/icons-vue';
+import { defaultSettingProps } from '../defaultSettings';
+import { defaultPrefixCls } from '../RouteContext';
+import IconFont from '../../Icon';
+import { regular } from '@meethive/utils';
+let AntdIconFont = createFromIconfontCN({
+  scriptUrl: ''
+});
+const LazyIcon = props => {
+  const {
+    icon,
+    iconUrl,
+    prefixCls = defaultPrefixCls
+  } = props;
+  if (!icon) return null;
+  if (isVNode(icon)) {
+    return icon;
+  }
+  if (typeof icon === 'string' && icon !== '') {
+    if (regular.isUrl(icon) || regular.isImg(icon)) {
+      return <img src={icon} alt="icon" class={`${prefixCls}-sider-menu-icon`} />;
+    }
+    return iconUrl ? <AntdIconFont type={icon} /> : <IconFont type={icon} />;
+  }
+  return null;
+};
+export const baseMenuProps = {
+  ...defaultSettingProps,
+  prefixCls: {
+    type: String,
+    default: defaultPrefixCls
+  },
+  locale: {
+    type: [Function, Boolean],
+    default: t => t
+  },
+  menuData: {
+    type: Array,
+    default: () => []
+  },
+  mode: {
+    type: String,
+    default: 'inline'
+  },
+  theme: {
+    type: String,
+    default: 'dark'
+  },
+  collapsed: {
+    type: Boolean,
+    default: () => false
+  },
+  openKeys: {
+    type: Array,
+    default: () => undefined
+  },
+  selectedKeys: {
+    type: Array,
+    default: () => undefined
+  },
+  menuProps: {
+    type: Object,
+    default: () => null
+  },
+  menuItemRender: {
+    type: [Object, Function, Boolean],
+    default: () => undefined
+  },
+  subMenuItemRender: {
+    type: [Object, Function, Boolean],
+    default: () => undefined
+  },
+  onClick: [Function, Object]
+};
 
-          , this.getNavMenuItems(item.children)
-        )
-      )
-    }
-
-    const menuItemRender = this.props.menuItemRender && withCtx(this.props.menuItemRender, this.ctx)
-    const [title, icon] = this.getMenuItem(item)
-
-    return (
-      menuItemRender &&
-      menuItemRender({
-        item,
-        title,
-        icon
-      })
-    ) || (
-      React.createElement(Menu.Item, {
-        disabled: _optionalChain([item, 'access', _39 => _39.meta, 'optionalAccess', _40 => _40.disabled]),
-        danger: _optionalChain([item, 'access', _41 => _41.meta, 'optionalAccess', _42 => _42.danger]),
-        key: item.key || item.path,}
-
-        , title
-      )
-    )
-  }}
-
-  __init3() {this.getMenuItem = (item) => {
-    const meta = { ...item.meta }
-    const target = meta.target || null
-    const hasUrl = regular.isUrl(item.path)
-    const CustomTag = (target && 'a') || this.RouterLink
-    const routerProps = {
-      to: {
-        name: item.name,
-        ...item.meta
-      }
-    }
-    const attrs = hasUrl || target ? {
-      ...item.meta,
-      href: item.path,
-      target: target
-    } : {}
-    const { prefixCls, locale } = this.props
-    const icon = _optionalChain([item, 'access', _43 => _43.meta, 'optionalAccess', _44 => _44.icon]) && (
-      React.createElement(LazyIcon, { iconUrl: this.props.iconfontUrl, icon: _optionalChain([item, 'access', _45 => _45.meta, 'optionalAccess', _46 => _46.icon]),} )
-    ) || undefined
-    const menuTitle = locale && locale(_optionalChain([item, 'access', _47 => _47.meta, 'optionalAccess', _48 => _48.title])) || _optionalChain([item, 'access', _49 => _49.meta, 'optionalAccess', _50 => _50.title])
-    const defaultTitle = _optionalChain([item, 'access', _51 => _51.meta, 'optionalAccess', _52 => _52.icon])
-      ? React.createElement(CustomTag, { ...attrs, ...routerProps, class: `${prefixCls}-menu-item`,}
-          , icon
-          , React.createElement('span', { class: `${prefixCls}-menu-item-title`,}, menuTitle)
-        )
-      : React.createElement(CustomTag, { ...attrs, ...routerProps, class: `${prefixCls}-menu-item`,}
-          , React.createElement('span', null, menuTitle)
-        )
-    return [defaultTitle, icon]
-  }}
-}
-
-export default defineComponent({
-  name: 'BaseMenu',
-  props: baseMenuProps ,
-  emits: ['update:openKeys', 'update:selectedKeys', 'click'],
-  setup(props, { emit }) {
-    const ctx = getCurrentInstance()
-    const menuUtil = new MenuUtil(props, ctx)
-
-    watchEffect(() => {
-      if (props.iconfontUrl) {
-        AntdIconFont = createFromIconfontCN({
-          scriptUrl: props.iconfontUrl
-        })
-      }
-    })
-
-    const handleOpenChange = (openKeys) => {
-      emit('update:openKeys', openKeys)
-    }
-
-    const handleSelect = (args) => {
-      // ignore https? link handle selectkeys
-      if (regular.isUrl(args.key)) {
-        return
-      }
-      emit('update:selectedKeys', args.selectedKeys)
-    }
-
-    const handleClick = (args) => {
-      emit('click', args)
-    }
-
-    return () => {
-      return (
-        React.createElement(Menu, {
-          key: "Menu",
-          inlineIndent: 16,
-          mode: props.mode,
-          theme: props.theme,
-          openKeys: props.openKeys === false ? [] : props.openKeys,
-          selectedKeys: props.selectedKeys || [],
-          onOpenChange: handleOpenChange,
-          onSelect: handleSelect,
-          onClick: handleClick,
-          ...props.menuProps,}
-
-          , menuUtil.getNavMenuItems(props.menuData)
-        )
-      )
-    }
-  }
-})
+// MenuUtil class for recursive menu rendering (matching ES source)
+class MenuUtil {
+  constructor(_props, ctx) {
+    this.props = _props;
+    this.ctx = ctx;
+    this.RouterLink = resolveComponent('router-link');
+  }
+  getNavMenuItems = (menusData = []) => {
+    return menusData.map(item => this.getSubMenuOrItem(item)).filter(item => item);
+  };
+  getSubMenuOrItem = item => {
+    if (Array.isArray(item.children) && item.children.length > 0 && !item.meta?.hideInMenu && !item.meta?.hideChildrenInMenu) {
+      if (this.props.subMenuItemRender) {
+        const subMenuItemRender = withCtx(this.props.subMenuItemRender, this.ctx);
+        return subMenuItemRender({
+          item,
+          children: this.getNavMenuItems(item.children)
+        });
+      }
+      const {
+        prefixCls,
+        locale
+      } = this.props;
+      const menuTitle = locale && locale(item.meta?.title) || item.meta?.title;
+      const defaultTitle = item.meta?.icon ? <span class={`${prefixCls}-menu-item`}>
+            <span class={`${prefixCls}-menu-item-title`}>{menuTitle}</span>
+          </span> : <span class={`${prefixCls}-menu-item`}>{menuTitle}</span>;
+      return <Menu.SubMenu title={defaultTitle} key={item.key || item.path} popupClassName={`${prefixCls}-menu-popup`} icon={<LazyIcon iconUrl={this.props.iconfontUrl} icon={item.meta?.icon} />}>
+          {this.getNavMenuItems(item.children)}
+        </Menu.SubMenu>;
+    }
+    const menuItemRender = this.props.menuItemRender && withCtx(this.props.menuItemRender, this.ctx);
+    const [title, icon] = this.getMenuItem(item);
+    return menuItemRender && menuItemRender({
+      item,
+      title,
+      icon
+    }) || <Menu.Item disabled={item.meta?.disabled} danger={item.meta?.danger} key={item.key || item.path}>
+        {title}
+      </Menu.Item>;
+  };
+  getMenuItem = item => {
+    const meta = {
+      ...item.meta
+    };
+    const target = meta.target || null;
+    const hasUrl = regular.isUrl(item.path);
+    const CustomTag = target && 'a' || this.RouterLink;
+    const routerProps = {
+      to: {
+        name: item.name,
+        ...item.meta
+      }
+    };
+    const attrs = hasUrl || target ? {
+      ...item.meta,
+      href: item.path,
+      target: target
+    } : {};
+    const {
+      prefixCls,
+      locale
+    } = this.props;
+    const icon = item.meta?.icon && <LazyIcon iconUrl={this.props.iconfontUrl} icon={item.meta?.icon} /> || undefined;
+    const menuTitle = locale && locale(item.meta?.title) || item.meta?.title;
+    const defaultTitle = item.meta?.icon ? <CustomTag {...attrs} {...routerProps} class={`${prefixCls}-menu-item`}>
+          {icon}
+          <span class={`${prefixCls}-menu-item-title`}>{menuTitle}</span>
+        </CustomTag> : <CustomTag {...attrs} {...routerProps} class={`${prefixCls}-menu-item`}>
+          <span>{menuTitle}</span>
+        </CustomTag>;
+    return [defaultTitle, icon];
+  };
+}
+export default defineComponent({
+  name: 'BaseMenu',
+  props: baseMenuProps,
+  emits: ['update:openKeys', 'update:selectedKeys', 'click'],
+  setup(props, {
+    emit
+  }) {
+    const ctx = getCurrentInstance();
+    const menuUtil = new MenuUtil(props, ctx);
+    watchEffect(() => {
+      if (props.iconfontUrl) {
+        AntdIconFont = createFromIconfontCN({
+          scriptUrl: props.iconfontUrl
+        });
+      }
+    });
+    const handleOpenChange = openKeys => {
+      emit('update:openKeys', openKeys);
+    };
+    const handleSelect = args => {
+      // ignore https? link handle selectkeys
+      if (regular.isUrl(args.key)) {
+        return;
+      }
+      emit('update:selectedKeys', args.selectedKeys);
+    };
+    const handleClick = args => {
+      emit('click', args);
+    };
+    return () => {
+      return <Menu key="Menu" inlineIndent={16} mode={props.mode} theme={props.theme} openKeys={props.openKeys === false ? [] : props.openKeys} selectedKeys={props.selectedKeys || []} onOpenChange={handleOpenChange} onSelect={handleSelect} onClick={handleClick} {...props.menuProps}>
+          {menuUtil.getNavMenuItems(props.menuData)}
+        </Menu>;
+    };
+  }
+});

package/es/ProTable/Alert.js

@@ -1,40 +1,39 @@
- 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 } from 'vue'
-import { Alert, Button } from 'ant-design-vue'
-import { _alertProps } from './setting'
-import { useLocaleReceiver } from '../LocaleReciver'
-import useProTableStyle from './style'
-
-export default defineComponent({
-  name: 'Alert',
-  components: {
-    Alert,
-    Button
-  },
-  props: { ..._alertProps } ,
-  emits: ['close'],
-  setup(props, { emit }) {
-    const [contextLocale] = useLocaleReceiver('ProTable')
-    const prefixCls = computed(() => 'pro-table')
-    const [wrapSSR, hashId] = useProTableStyle(prefixCls)
-
-    const _message = computed(() => {
-      let locale = _optionalChain([contextLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.alert, 'optionalAccess', _3 => _3.selectItem]) || ''
-      ;[_optionalChain([props, 'access', _4 => _4.rowSelection, 'optionalAccess', _5 => _5.selectedRowKeys, 'optionalAccess', _6 => _6.length]) || 0].forEach((item, index) => {
-        locale = locale.replace(`{${index}}`, item)
-      })
-      return locale
-    })
-
-    const onClose = () => {
-      emit('close')
-    }
-
-    return {
-      hashId,
-      contextLocale,
-      _message,
-      onClose
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import { Alert, Button } from 'ant-design-vue';
+import { _alertProps } from './setting';
+import { useLocaleReceiver } from '../LocaleReciver';
+import useProTableStyle from './style';
+export default defineComponent({
+  name: 'Alert',
+  components: {
+    Alert,
+    Button
+  },
+  props: {
+    ..._alertProps
+  },
+  emits: ['close'],
+  setup(props, {
+    emit
+  }) {
+    const [contextLocale] = useLocaleReceiver('ProTable');
+    const prefixCls = computed(() => 'pro-table');
+    const [wrapSSR, hashId] = useProTableStyle(prefixCls);
+    const _message = computed(() => {
+      let locale = contextLocale.value?.alert?.selectItem || '';
+      [props.rowSelection?.selectedRowKeys?.length || 0].forEach((item, index) => {
+        locale = locale.replace(`{${index}}`, item);
+      });
+      return locale;
+    });
+    const onClose = () => {
+      emit('close');
+    };
+    return {
+      hashId,
+      contextLocale,
+      _message,
+      onClose
+    };
+  }
+});