element-pe 1.0.2 → 1.0.6

package/packages/components/space/src/useSpace.ts

@@ -1,147 +0,0 @@
-import { ref, computed, watch, isVNode } from 'vue'
-import { isValidComponentSize } from '@element-plus/utils/validators'
-import { isNumber, isArray, isString } from '@element-plus/utils/util'
-
-import type { PropType, ExtractPropTypes, CSSProperties, VNodeChild } from 'vue'
-import type { ComponentSize } from '@element-plus/utils/types'
-
-const SizeMap: Record<ComponentSize, number> = {
-  mini: 4,
-  small: 8,
-  medium: 12,
-  large: 16,
-}
-
-export const defaultProps = {
-  direction: {
-    type: String as PropType<'horizontal' | 'vertical'>,
-    default: 'horizontal',
-  },
-
-  class: {
-    type: [String, Object, Array],
-    default: '',
-  },
-
-  style: {
-    type: [String, Array, Object] as PropType<
-      string | Array<any> | CSSProperties
-    >,
-  },
-
-  alignment: {
-    type: String as PropType<''>,
-    default: 'center',
-  },
-
-  prefixCls: {
-    type: String,
-  },
-
-  spacer: {
-    type: [Object, String, Number] as PropType<VNodeChild>,
-    default: null,
-    validator: (val: unknown) => {
-      return isVNode(val) || isNumber(val) || isString(val)
-    },
-  },
-
-  wrap: {
-    type: Boolean,
-    default: false,
-  },
-
-  fill: {
-    type: Boolean,
-    default: false,
-  },
-
-  fillRatio: {
-    type: Number,
-    default: 100,
-  },
-
-  size: {
-    type: [String, Array, Number] as PropType<
-      ComponentSize | [number, number] | number
-    >,
-    validator: (val: unknown) => {
-      return (
-        isValidComponentSize(val as string) || isNumber(val) || isArray(val)
-      )
-    },
-  },
-}
-
-export function useSpace(props: ExtractPropTypes<typeof defaultProps>) {
-  const classes = computed(() => [
-    'el-space',
-    `el-space--${props.direction}`,
-    props.class,
-  ])
-
-  const horizontalSize = ref(0)
-  const verticalSize = ref(0)
-
-  watch(
-    () => [props.size, props.wrap, props.direction, props.fill],
-    ([size = 'small', wrap, dir, fill]) => {
-      // when the specified size have been given
-      if (isArray(size)) {
-        const [h = 0, v = 0] = size
-        horizontalSize.value = h
-        verticalSize.value = v
-      } else {
-        let val: number
-        if (isNumber(size)) {
-          val = size as number
-        } else {
-          val = SizeMap[size as string] || SizeMap.small
-        }
-
-        if ((wrap || fill) && dir === 'horizontal') {
-          horizontalSize.value = verticalSize.value = val
-        } else {
-          if (dir === 'horizontal') {
-            horizontalSize.value = val
-            verticalSize.value = 0
-          } else {
-            verticalSize.value = val
-            horizontalSize.value = 0
-          }
-        }
-      }
-    },
-    { immediate: true }
-  )
-
-  const containerStyle = computed(() => {
-    const wrapKls: CSSProperties =
-      props.wrap || props.fill
-        ? { flexWrap: 'wrap', marginBottom: `-${verticalSize.value}px` }
-        : null
-    const alignment: CSSProperties = {
-      alignItems: props.alignment,
-    }
-    return [wrapKls, alignment, props.style] as Array<CSSProperties>
-  })
-
-  const itemStyle = computed(() => {
-    const itemBaseStyle = {
-      paddingBottom: `${verticalSize.value}px`,
-      marginRight: `${horizontalSize.value}px`,
-    }
-
-    const fillStyle = props.fill
-      ? { flexGrow: 1, minWidth: `${props.fillRatio}%` }
-      : null
-
-    return [itemBaseStyle, fillStyle] as Array<CSSProperties>
-  })
-
-  return {
-    classes,
-    containerStyle,
-    itemStyle,
-  }
-}

package/packages/element-plus/global.d.ts

@@ -1,97 +0,0 @@
-// GlobalComponents for Volar
-declare module 'vue' {
-  export interface GlobalComponents {
-    ElAffix: typeof import('element-plus')['ElAffix']
-    ElAlert: typeof import('element-plus')['ElAlert']
-    ElAside: typeof import('element-plus')['ElAside']
-    ElAutocomplete: typeof import('element-plus')['ElAutocomplete']
-    ElAvatar: typeof import('element-plus')['ElAvatar']
-    ElBacktop: typeof import('element-plus')['ElBacktop']
-    ElBadge: typeof import('element-plus')['ElBadge']
-    ElBreadcrumb: typeof import('element-plus')['ElBreadcrumb']
-    ElBreadcrumbItem: typeof import('element-plus')['ElBreadcrumbItem']
-    ElButton: typeof import('element-plus')['ElButton']
-    ElButtonGroup: typeof import('element-plus')['ElButtonGroup']
-    ElCalendar: typeof import('element-plus')['ElCalendar']
-    ElCard: typeof import('element-plus')['ElCard']
-    ElCarousel: typeof import('element-plus')['ElCarousel']
-    ElCarouselItem: typeof import('element-plus')['ElCarouselItem']
-    ElCascader: typeof import('element-plus')['ElCascader']
-    ElCascaderPanel: typeof import('element-plus')['ElCascaderPanel']
-    ElCheckbox: typeof import('element-plus')['ElCheckbox']
-    ElCheckboxButton: typeof import('element-plus')['ElCheckboxButton']
-    ElCheckboxGroup: typeof import('element-plus')['ElCheckboxGroup']
-    ElCol: typeof import('element-plus')['ElCol']
-    ElCollapse: typeof import('element-plus')['ElCollapse']
-    ElCollapseItem: typeof import('element-plus')['ElCollapseItem']
-    ElCollapseTransition: typeof import('element-plus')['ElCollapseTransition']
-    ElColorPicker: typeof import('element-plus')['ElColorPicker']
-    ElContainer: typeof import('element-plus')['ElContainer']
-    ElConfigProvider: typeof import('element-plus')['ElConfigProvider']
-    ElDatePicker: typeof import('element-plus')['ElDatePicker']
-    ElDialog: typeof import('element-plus')['ElDialog']
-    ElDivider: typeof import('element-plus')['ElDivider']
-    ElDrawer: typeof import('element-plus')['ElDrawer']
-    ElDropdown: typeof import('element-plus')['ElDropdown']
-    ElDropdownItem: typeof import('element-plus')['ElDropdownItem']
-    ElDropdownMenu: typeof import('element-plus')['ElDropdownMenu']
-    ElEmpty: typeof import('element-plus')['ElEmpty']
-    ElFooter: typeof import('element-plus')['ElFooter']
-    ElForm: typeof import('element-plus')['ElForm']
-    ElFormItem: typeof import('element-plus')['ElFormItem']
-    ElHeader: typeof import('element-plus')['ElHeader']
-    ElIcon: typeof import('element-plus')['ElIcon']
-    ElImage: typeof import('element-plus')['ElImage']
-    ElImageViewer: typeof import('element-plus')['ElImageViewer']
-    ElInput: typeof import('element-plus')['ElInput']
-    ElInputNumber: typeof import('element-plus')['ElInputNumber']
-    ElLink: typeof import('element-plus')['ElLink']
-    ElMain: typeof import('element-plus')['ElMain']
-    ElMenu: typeof import('element-plus')['ElMenu']
-    ElMenuItem: typeof import('element-plus')['ElMenuItem']
-    ElMenuItemGroup: typeof import('element-plus')['ElMenuItemGroup']
-    ElOption: typeof import('element-plus')['ElOption']
-    ElOptionGroup: typeof import('element-plus')['ElOptionGroup']
-    ElPageHeader: typeof import('element-plus')['ElPageHeader']
-    ElPagination: typeof import('element-plus')['ElPagination']
-    ElPopconfirm: typeof import('element-plus')['ElPopconfirm']
-    ElPopper: typeof import('element-plus')['ElPopper']
-    ElProgress: typeof import('element-plus')['ElProgress']
-    ElRadio: typeof import('element-plus')['ElRadio']
-    ElRadioButton: typeof import('element-plus')['ElRadioButton']
-    ElRadioGroup: typeof import('element-plus')['ElRadioGroup']
-    ElRate: typeof import('element-plus')['ElRate']
-    ElRow: typeof import('element-plus')['ElRow']
-    ElScrollbar: typeof import('element-plus')['ElScrollbar']
-    ElSelect: typeof import('element-plus')['ElSelect']
-    ElSlider: typeof import('element-plus')['ElSlider']
-    ElStep: typeof import('element-plus')['ElStep']
-    ElSteps: typeof import('element-plus')['ElSteps']
-    ElSubMenu: typeof import('element-plus')['ElSubMenu']
-    ElSwitch: typeof import('element-plus')['ElSwitch']
-    ElTabPane: typeof import('element-plus')['ElTabPane']
-    ElTable: typeof import('element-plus')['ElTable']
-    ElTableColumn: typeof import('element-plus')['ElTableColumn']
-    ElTabs: typeof import('element-plus')['ElTabs']
-    ElTag: typeof import('element-plus')['ElTag']
-    ElTimePicker: typeof import('element-plus')['ElTimePicker']
-    ElTimeSelect: typeof import('element-plus')['ElTimeSelect']
-    ElTimeline: typeof import('element-plus')['ElTimeline']
-    ElTimelineItem: typeof import('element-plus')['ElTimelineItem']
-    ElTooltip: typeof import('element-plus')['ElTooltip']
-    ElTransfer: typeof import('element-plus')['ElTransfer']
-    ElTree: typeof import('element-plus')['ElTree']
-    ElTreeV2: typeof import('element-plus')['ElTreeV2']
-    ElUpload: typeof import('element-plus')['ElUpload']
-    ElSpace: typeof import('element-plus')['ElSpace']
-    ElSkeleton: typeof import('element-plus')['ElSkeleton']
-    ElSkeletonItem: typeof import('element-plus')['ElSkeletonItem']
-    ElCheckTag: typeof import('element-plus')['ElCheckTag']
-    ElDescriptions: typeof import('element-plus')['ElDescriptions']
-    ElDescriptionsItem: typeof import('element-plus')['ElDescriptionsItem']
-    ElResult: typeof import('element-plus')['ElResult']
-    ElSelectV2: typeof import('element-plus')['ElSelectV2']
-  }
-}
-
-export {}

package/packages/utils/dist/es/tests/aria.test.d.ts

@@ -1 +0,0 @@
-export {};

package/packages/utils/dist/es/tests/aria.test.js

@@ -1,59 +0,0 @@
-import { triggerEvent, isFocusable } from '../aria';
-const CE = (tag) => document.createElement(tag);
-describe('Aria Utils', () => {
-    describe('Trigger Event', () => {
-        it('Util trigger event to trigger event correctly', () => {
-            const div = document.createElement('div');
-            jest.spyOn(div, 'dispatchEvent');
-            const eventName = 'click';
-            triggerEvent(div, eventName);
-            expect(div.dispatchEvent).toHaveBeenCalled();
-        });
-    });
-    describe('isFocusable', () => {
-        it("should be focusable when element has tabindex attr, and it's value is greater than 0", () => {
-            const $el = CE('div');
-            $el.tabIndex = 1;
-            expect(isFocusable($el)).toBe(true);
-        });
-        it("should not be focusable when element has tabindex attr, and it's value is smaller than 0", () => {
-            const $el = CE('div');
-            $el.tabIndex = -1;
-            expect(isFocusable($el)).toBe(false);
-        });
-        it('should not be focusable when disbaled', () => {
-            const $el = CE('div');
-            $el.setAttribute('disabled', 'true');
-            expect(isFocusable($el)).toBe(false);
-        });
-        it('should be focusable when target is anchor and rel is not set to ignore', () => {
-            const $el = CE('a');
-            $el.href = '#anchor';
-            $el.rel = 'noreferrer';
-            expect(isFocusable($el)).toBe(true);
-        });
-        it('should not be focusable when target is anchor and rel is set to ignore', () => {
-            const $el = CE('a');
-            $el.href = '#anchor';
-            $el.rel = 'ignore';
-            expect(isFocusable($el)).toBe(false);
-        });
-        it('should be focusable when target is input and type is not hidden or is not file', () => {
-            const $el = CE('input');
-            $el.type = 'hidden';
-            expect(isFocusable($el)).toBe(false);
-            $el.type = 'file';
-            expect(isFocusable($el)).toBe(false);
-            $el.type = 'number';
-            expect(isFocusable($el)).toBe(true);
-        });
-        it('should be focusable when the target is button/select/textarea', () => {
-            let $el = CE('button');
-            expect(isFocusable($el)).toBe(true);
-            $el = CE('select');
-            expect(isFocusable($el)).toBe(true);
-            $el = CE('textarea');
-            expect(isFocusable($el)).toBe(true);
-        });
-    });
-});

package/packages/utils/dist/es/tests/global-nodes.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/packages/utils/dist/es/tests/global-nodes.spec.js

@@ -1,25 +0,0 @@
-import { createGlobalNode, removeGlobalNode, changeGlobalNodesTarget, } from '../global-nodes';
-describe('global-nodes', () => {
-    afterEach(() => {
-        document.body.innerHTML = '';
-    });
-    it('should create nodes to the root element', () => {
-        const el = createGlobalNode();
-        expect(el).not.toBeNull();
-        expect(document.body.firstChild).toBe(el);
-    });
-    it('should remove the recent created element', () => {
-        const el = createGlobalNode();
-        expect(document.body.firstElementChild).toBe(el);
-        removeGlobalNode(el);
-        expect(document.body.children).toHaveLength(0);
-    });
-    it('should change the target of created element', () => {
-        const target = createGlobalNode();
-        expect(document.body.firstElementChild).toBe(target);
-        const el = createGlobalNode();
-        expect(el.parentElement).toBe(document.body);
-        changeGlobalNodesTarget(target);
-        expect(el.parentElement).toBe(target);
-    });
-});

package/packages/utils/dist/es/tests/prop.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/packages/utils/dist/es/tests/prop.spec.js

@@ -1,128 +0,0 @@
-import { expectTypeOf } from 'expect-type';
-import { buildProp, definePropType, mutable, keyOf, buildProps } from '../props';
-describe('buildProp', () => {
-    it('Only type', () => {
-        expectTypeOf(buildProp({
-            type: definePropType(String),
-        })).toEqualTypeOf();
-    });
-    it('Only values', () => {
-        expectTypeOf(buildProp({
-            values: [1, 2, 3, 4],
-        })).toEqualTypeOf();
-    });
-    it('Type and values', () => {
-        expectTypeOf(buildProp({
-            type: definePropType(Array),
-            values: [1, 2, 3, 4],
-        })).toEqualTypeOf();
-    });
-    it('Values and validator', () => {
-        expectTypeOf(buildProp({
-            values: ['a', 'b', 'c'],
-            validator: (val) => typeof val === 'number',
-        })).toEqualTypeOf();
-    });
-    it('Values and required', () => {
-        expectTypeOf(buildProp({
-            values: ['a', 'b', 'c'],
-            required: true,
-        })).toEqualTypeOf();
-    });
-    it('Value and default', () => {
-        expectTypeOf(buildProp({
-            values: ['a', 'b', 'c'],
-            required: false,
-            default: 'b',
-        })).toEqualTypeOf();
-    });
-    it('Type and Array default value', () => {
-        expectTypeOf(buildProp({
-            type: definePropType(Array),
-            default: () => mutable(['a', 'b']),
-        })).toEqualTypeOf();
-    });
-    it('Type and Object default value', () => {
-        expectTypeOf(buildProp({
-            type: definePropType(Object),
-            default: () => mutable({ key: 'value' }),
-        })).toEqualTypeOf();
-    });
-    it('Type, validator and Object default value', () => {
-        expectTypeOf(buildProp({
-            type: definePropType(Object),
-            default: () => ({ key: 'value' }),
-            validator: (val) => true,
-        })).toEqualTypeOf();
-    });
-    it('Type, validator, required', () => {
-        expectTypeOf(buildProp({
-            type: definePropType(String),
-            required: true,
-            validator: (val) => true,
-        })).toEqualTypeOf();
-    });
-    it('Normal type', () => {
-        expectTypeOf(buildProp({
-            type: String,
-        })).toEqualTypeOf();
-    });
-    it('Normal types', () => {
-        expectTypeOf(buildProp({ type: [String, Number, Boolean] })).toEqualTypeOf();
-    });
-    it('Normal type and values', () => {
-        expectTypeOf(buildProp({
-            type: String,
-            values: ['1', '2', '3'],
-        })).toEqualTypeOf();
-    });
-    it('Required and validator', () => {
-        expectTypeOf(buildProp({
-            required: true,
-            validator: (val) => true,
-        })).toEqualTypeOf();
-    });
-    it('Required and validator', () => {
-        expectTypeOf(buildProp({
-            values: keyOf({ a: 'a', b: 'b' }),
-            default: 'a',
-        })).toEqualTypeOf();
-    });
-    it('Type and default value', () => {
-        expectTypeOf(buildProp({
-            type: definePropType(Object),
-            default: () => mutable({ key: 'a' }),
-        })).toEqualTypeOf();
-    });
-    it('Type and default value', () => {
-        expectTypeOf(buildProp({
-            type: [String, Number],
-            default: '',
-        })).toEqualTypeOf();
-    });
-    it('extract', () => {
-        const props = {
-            key1: buildProp({
-                type: String,
-                required: true,
-            }),
-            key2: buildProp({
-                type: [String, Number],
-                required: true,
-            }),
-        };
-        expectTypeOf().toEqualTypeOf();
-    });
-});
-describe('buildProps', () => {
-    it('test buildProps', () => {
-        expectTypeOf(buildProps({
-            key1: {
-                type: definePropType(String),
-            },
-            key2: {
-                values: [1, 2, 3, 4],
-            },
-        })).toEqualTypeOf();
-    });
-});

package/packages/utils/dist/lib/tests/aria.test.d.ts

@@ -1 +0,0 @@
-export {};

package/packages/utils/dist/lib/tests/aria.test.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const aria_1 = require("../aria");
-const CE = (tag) => document.createElement(tag);
-describe('Aria Utils', () => {
-    describe('Trigger Event', () => {
-        it('Util trigger event to trigger event correctly', () => {
-            const div = document.createElement('div');
-            jest.spyOn(div, 'dispatchEvent');
-            const eventName = 'click';
-            (0, aria_1.triggerEvent)(div, eventName);
-            expect(div.dispatchEvent).toHaveBeenCalled();
-        });
-    });
-    describe('isFocusable', () => {
-        it("should be focusable when element has tabindex attr, and it's value is greater than 0", () => {
-            const $el = CE('div');
-            $el.tabIndex = 1;
-            expect((0, aria_1.isFocusable)($el)).toBe(true);
-        });
-        it("should not be focusable when element has tabindex attr, and it's value is smaller than 0", () => {
-            const $el = CE('div');
-            $el.tabIndex = -1;
-            expect((0, aria_1.isFocusable)($el)).toBe(false);
-        });
-        it('should not be focusable when disbaled', () => {
-            const $el = CE('div');
-            $el.setAttribute('disabled', 'true');
-            expect((0, aria_1.isFocusable)($el)).toBe(false);
-        });
-        it('should be focusable when target is anchor and rel is not set to ignore', () => {
-            const $el = CE('a');
-            $el.href = '#anchor';
-            $el.rel = 'noreferrer';
-            expect((0, aria_1.isFocusable)($el)).toBe(true);
-        });
-        it('should not be focusable when target is anchor and rel is set to ignore', () => {
-            const $el = CE('a');
-            $el.href = '#anchor';
-            $el.rel = 'ignore';
-            expect((0, aria_1.isFocusable)($el)).toBe(false);
-        });
-        it('should be focusable when target is input and type is not hidden or is not file', () => {
-            const $el = CE('input');
-            $el.type = 'hidden';
-            expect((0, aria_1.isFocusable)($el)).toBe(false);
-            $el.type = 'file';
-            expect((0, aria_1.isFocusable)($el)).toBe(false);
-            $el.type = 'number';
-            expect((0, aria_1.isFocusable)($el)).toBe(true);
-        });
-        it('should be focusable when the target is button/select/textarea', () => {
-            let $el = CE('button');
-            expect((0, aria_1.isFocusable)($el)).toBe(true);
-            $el = CE('select');
-            expect((0, aria_1.isFocusable)($el)).toBe(true);
-            $el = CE('textarea');
-            expect((0, aria_1.isFocusable)($el)).toBe(true);
-        });
-    });
-});

package/packages/utils/dist/lib/tests/global-nodes.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/packages/utils/dist/lib/tests/global-nodes.spec.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const global_nodes_1 = require("../global-nodes");
-describe('global-nodes', () => {
-    afterEach(() => {
-        document.body.innerHTML = '';
-    });
-    it('should create nodes to the root element', () => {
-        const el = (0, global_nodes_1.createGlobalNode)();
-        expect(el).not.toBeNull();
-        expect(document.body.firstChild).toBe(el);
-    });
-    it('should remove the recent created element', () => {
-        const el = (0, global_nodes_1.createGlobalNode)();
-        expect(document.body.firstElementChild).toBe(el);
-        (0, global_nodes_1.removeGlobalNode)(el);
-        expect(document.body.children).toHaveLength(0);
-    });
-    it('should change the target of created element', () => {
-        const target = (0, global_nodes_1.createGlobalNode)();
-        expect(document.body.firstElementChild).toBe(target);
-        const el = (0, global_nodes_1.createGlobalNode)();
-        expect(el.parentElement).toBe(document.body);
-        (0, global_nodes_1.changeGlobalNodesTarget)(target);
-        expect(el.parentElement).toBe(target);
-    });
-});

package/packages/utils/dist/lib/tests/prop.spec.d.ts

@@ -1 +0,0 @@
-export {};