@mobileaction/action-kit 1.42.7-beta.2 → 1.42.7-beta.3

package/src/index.ts

@@ -0,0 +1,172 @@
+import './tailwind.scss';
+
+export { default as MaButton } from './components/button/index.vue';
+export * from './components/button/types';
+
+export { default as MaLinkButton } from './components/button/link-button/index.vue';
+export * from './components/button/link-button/types';
+
+export { default as MaSocialButton } from './components/button/social-button/index.vue';
+export * from './components/button/social-button/types';
+
+export { default as MaTrackButton } from './components/track-button/index.vue';
+export * from './components/track-button/types';
+
+export { default as MaToggle } from './components/toggle/index.vue';
+export * from './components/toggle/types';
+
+export { default as MaSwitch } from './components/switch/index.vue';
+export * from './components/switch/types';
+
+export { default as MaTooltip } from './components/tooltip/index.vue';
+export * from './components/tooltip/types';
+
+export { default as MaForm } from './components/form/index.vue';
+export { default as MaFormItem } from './components/form-item/index.vue';
+export * from './components/form/types';
+
+export { default as MaInput } from './components/input/index.vue';
+export * from './components/input/types';
+
+export { default as MaIcon } from './components/icon/index.vue';
+export * from './components/icon/types';
+
+export { default as MaSelect } from './components/select/index.vue';
+export { default as MaSelectOption } from './components/select/components/option.vue';
+export { SelectOptGroup as MaSelectOptGroup } from 'ant-design-vue';
+export * from './components/select/types';
+
+export { default as MaSelect2 } from './components/select-2/index.vue';
+export { default as MaSelect2Option } from './components/select-2/components/selectOption.vue';
+export { default as MaSelect2OptionGroup } from './components/select-2/components/selectOptionGroup.vue';
+
+export { default as MaCheckbox } from './components/checkbox/index.vue';
+export { default as MaCheckboxGroup } from './components/checkbox/group.vue';
+
+export { default as MaContentScroller } from './components/content-scroller/index.vue';
+
+export { default as MaNumericInput } from './components/numeric-input/index.vue';
+export * from './components/numeric-input/types';
+
+export { default as MaAppTrackButton } from './components/app-track-button/index.vue';
+
+export { default as MaAppIcon } from './components/app-icon/index.vue';
+export * from './components/app-icon/types';
+
+export { default as MaRadio } from './components/radio/index.vue';
+export { default as MaRadioGroup } from './components/radio/group.vue';
+export * from './components/radio/types';
+
+export { default as MaBadge } from './components/badge/index.vue';
+export * from './components/badge/types';
+
+export { default as MaAlert } from './components/alert/index.vue';
+export * from './components/alert/types';
+
+export { default as MaAnimation } from './components/animation/index.vue';
+export * from './components/animation/types';
+
+export { default as MaModal } from './components/modal/index';
+export * from './components/modal/types';
+
+export { default as MaRate } from './components/rate/index.vue';
+export * from './components/rate/types';
+
+export { default as MaSpin } from './components/spin/index.vue';
+export * from './components/spin/types';
+
+export { default as MaDropdown } from './components/dropdown/index.vue';
+export * from './components/dropdown/types';
+
+export { default as MaEmpty } from './components/empty/index.vue';
+export * from './components/empty/types';
+
+export { default as MaUpload } from './components/upload/index.vue';
+export * from './components/upload/types';
+
+export { default as MaSideMenuButton } from './components/side-menu/button/index.vue';
+export { default as MaSideMenuItem } from './components/side-menu/menu-item/index.vue';
+export * from './components/side-menu/menu-item/types';
+export { default as MaSideMenuIconButton } from './components/side-menu/icon-button/index.vue';
+export { default as MaSideMenuRoundIconButton } from './components/side-menu/round-icon-button/index.vue';
+export { default as MaSideMenuAppButton } from './components/side-menu/app-button/index.vue';
+export { default as MaSideMenuAddNewAppButton } from './components/side-menu/add-new-app-button/index.vue';
+
+export { default as MaSideMenuItem2 } from './components/side-menu-2/menu-item/index.vue';
+export { default as MaSideMenuButton2 } from './components/side-menu-2/menu-button/index.vue';
+export * from './components/side-menu-2/menu-button/types';
+
+export { default as MaProgress } from './components/progress/index.vue';
+export * from './components/progress/types';
+
+export { default as MaTabs } from './components/tabs/index.vue';
+export * from './components/tabs/types';
+export { default as MaTabPane } from './components/tabs/components/tabPane.vue';
+
+export { default as MaTabs2 } from './components/tabs-2/index.vue';
+export { default as MaTabPane2 } from './components/tabs-2/components/tabPane.vue';
+export { default as MaTabButton2 } from './components/tabs-2/components/tabButton.vue';
+export * from './components/tabs-2/types';
+
+export { default as MaCountrySelect } from './components/country-select/index.vue';
+
+export { default as MaCard } from './components/card/index.vue';
+export * from './components/card/types';
+
+export { default as MaInputNumber } from './components/input-number/index.vue';
+
+export { default as MaDrawer } from './components/drawer/index.vue';
+
+export { default as MaKeywordGroupSelection } from './components/keyword-group-selection/index.vue';
+
+export { default as MaIconButton } from './components/icon-button/index.vue';
+
+export { default as MaSlider } from './components/slider/index.vue';
+
+export { default as MaCountryRadio } from './components/country-radio/index.vue';
+
+export { default as MaPopover } from './components/popover/index.vue';
+
+export { default as MaPopover2 } from './components/popover-2/index.vue';
+
+export { default as MaAvatar } from './components/avatar/index.vue';
+
+export { default as MaTagInput } from './components/tag-input/index.vue';
+export { default as MaWatchlistButton } from './components/watchlist-button/index.vue';
+export { default as MaMenu } from './components/menu/index.vue';
+export { default as MaMenuItem } from './components/menu/components/MenuItem.vue';
+
+export { default as MaSteps } from './components/steps/index.vue';
+export { default as MaStep } from './components/steps/components/index.vue';
+export { default as MaPagination } from './components/pagination/index.vue';
+export { default as MaImage } from './components/image/index.vue';
+export { default as MaImageGroup } from './components/image/group.vue';
+export { default as MaImage2 } from './components/image-2/index.vue';
+export { default as MaImageGroup2 } from './components/image-2/group.vue';
+export { default as MaImagePreview } from './components/image-2/preview.vue';
+export { default as MaResult } from './components/result/index.vue';
+export { default as MaPopconfirm } from './components/popconfirm/index.vue';
+export { default as MaStepItems } from './components/step-items/index.vue';
+export { default as MaStepItem } from './components/step-items/components/index.vue';
+export { default as MaRadioCard } from './components/radio-card/index.vue';
+
+export { default as MaDatePicker } from './components/date-picker/index.vue';
+export { default as MaDatePicker2 } from './components/date-picker-2/index.vue';
+
+export { default as MaEllipsis } from './components/ellipsis/index.vue';
+
+export { default as MaTypography } from './components/typography/index.vue';
+export * from './components/typography/types';
+
+export { default as MaTree } from './components/tree/index.vue';
+export * from './components/tree/types';
+
+export { default as MaCollapse } from './components/collapse/index.vue';
+export { default as MaCollapseItem } from './components/collapse/components/CollapseItem.vue';
+export * from './components/collapse/types';
+
+export * as MaNotification from './components/notification/index';
+export { default as MaCascader } from './components/cascader/index.vue';
+
+export { ActionKitConfig } from './services/config';
+export { useActionKitConfig } from './composables/config';

package/src/services/config.ts

@@ -0,0 +1,32 @@
+import { reactive, readonly } from 'vue';
+
+class ConfigService {
+    private config = reactive({
+        language: "en",
+    });
+
+    setConfig(newConfig: Partial<typeof this.config>) {
+        type ConfigKeys = keyof typeof this.config;
+        for (const key in newConfig) {
+            if (Object.prototype.hasOwnProperty.call(newConfig, key)) {
+                const configKey = key as ConfigKeys;
+                this.config[configKey] = newConfig[configKey];
+            }
+        }
+    }
+
+    getConfig() {
+        return readonly(this.config);
+    }
+
+    setLanguage(newLanguage: string) {
+        this.config.language = newLanguage;
+    }
+
+    getLanguage(): string {
+        return this.config.language;
+    }
+
+}
+
+export const ActionKitConfig = new ConfigService();

package/src/shims-vue-virtual-scroller.d.ts

@@ -0,0 +1,77 @@
+// Type definitions for vue-virtual-scroller
+// Project: https://github.com/Akryum/vue-virtual-scroller/
+declare module 'vue-virtual-scroller' {
+  import Vue, { PluginObject } from 'vue';
+
+  interface PluginOptions {
+    installComponents?: boolean;
+    componentsPrefix?: string;
+  }
+
+  declare const plugin: PluginObject<PluginOptions> & { version: string };
+
+  export class RecycleScroller extends Vue {
+      sizes: Array<{ accumulator: number }>;
+      itemSize: number | null;
+      totalSize: number;
+      ready: boolean;
+      emitUpdate: boolean;
+      prerender: number;
+      pageMode: boolean;
+      buffer: number;
+      typeField: string;
+      sizeField: string;
+      minItemSize: number | string | null;
+      direction: 'horizontal' | 'vertical';
+      pool: Array<{
+      item: unknown;
+      position: number;
+      nr: {
+        id: number;
+        index: number;
+        key: string;
+        type: unknown;
+        used: boolean;
+      };
+    }>;
+
+      getScroll(): { start: number; end: number };
+
+      scrollToItem(index: number): void;
+
+      scrollToPosition(position: number);
+  }
+
+  export class DynamicScroller extends RecycleScroller {
+      minItemSize: number | string;
+      vscrollData: {
+      active: boolean;
+      sizes: Record<string, number>;
+      validSizes: object;
+      keyField: string;
+      simpleArray: boolean;
+    };
+
+      $refs: {
+      scroller: RecycleScroller;
+    };
+
+      onScrollerResize(): void;
+
+      onScrollerVisible(): void;
+
+      forceUpdate(clear?: boolean): void;
+
+      scrollToItem(index: number): void;
+
+      getItemSize(item: object, index?: number): number;
+
+      scrollToBottom(): void;
+  }
+
+  export class DynamicScrollerItem extends Vue {
+
+  }
+
+  export default plugin;
+}

package/src/tailwind.scss

@@ -0,0 +1,6 @@
+@tailwind components;
+@tailwind utilities;
+
+@import url("./assets/fonts.scss");
+@import url("./assets/typography.css");
+@import url("./assets/typography-classes.css");

package/src/utils/breakpoints.test.ts

@@ -0,0 +1,21 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { MaBreakpointInstance } from './breakpoints';
+
+describe('breakpoints', () => {
+  describe.each([
+    { key: '2xl', size: 1536 },
+    { key: 'xl', size: 1280 },
+    { key: 'lg', size: 1024 },
+    { key: 'md', size: 768 },
+    { key: 'sm', size: 640 },
+    { key: 'xs', size: 0 },
+  ])('$key', ({ key, size }) => {
+    beforeEach(() => {
+      vi.spyOn(MaBreakpointInstance, 'windowWidth').mockImplementationOnce(() => size + 1);
+    });
+
+    it(`returns ${key} when larger than ${size}`, () => {
+      expect(MaBreakpointInstance.getBreakpointSize()).toBe(key);
+    });
+  });
+});

package/src/utils/breakpoints.ts

@@ -0,0 +1,31 @@
+/**
+ * Tailwind breakpoints
+ */
+export type TailwindBreakpoints = {
+  '2xl': number,
+  xl: number,
+  lg: number,
+  md: number,
+  sm: number,
+  xs: number,
+}
+
+export const breakpoints: TailwindBreakpoints = {
+  '2xl': 1536,
+  xl: 1280,
+  lg: 1024,
+  md: 768,
+  sm: 640,
+  xs: 0,
+}
+
+export const MaBreakpointInstance = {
+  windowWidth: (): number => window.innerWidth,
+  getBreakpointSize(): string {
+    const windowWidth = this.windowWidth();
+
+    const breakpoint = Object.keys(breakpoints).find(key => windowWidth > breakpoints[key as keyof TailwindBreakpoints]);
+
+    return breakpoint;
+  },
+}

package/src/utils/slots.ts

@@ -0,0 +1,21 @@
+import {
+    Comment,
+    Text,
+    Slot,
+    VNode,
+} from 'vue';
+
+export function hasSlotContent(slot: Slot|undefined, slotProps = {}): boolean {
+    if (!slot) return false;
+
+    return slot(slotProps).some((vnode: VNode) => {
+        if (vnode.type === Comment) return false;
+
+        if (Array.isArray(vnode.children) && !vnode.children.length) return false;
+
+        return (
+            vnode.type !== Text
+      || (typeof vnode.children === 'string' && vnode.children.trim() !== '')
+        );
+    });
+}