@fishawack/lab-velocity 1.11.1 → 2.0.0-beta.1

package/basic/Button.vue

@@ -1,111 +0,0 @@
-<template>
-    <el-button 
-        :class="[`vel-button ${baseClass}__button`]" 
-        :name="name" 
-        :id="name" 
-        :disabled="disabled"
-        :round="round" 
-        :circle="circle" 
-        :size="size" 
-        :text="text" 
-        :tag="tag" 
-        :autofocus="autofocus"
-        :native-type="nativeType" 
-        :type="type" 
-        :link="link" 
-        :plain="plain" 
-        :loading="loading"
-        :customIcon="customIcon" 
-        :href="href"
-        :target="target"
-        >
-        
-        <slot />
-
-    </el-button>
-</template>
-
-<script>
-import { ElButton } from "element-plus";
-
-export default {
-    props: {
-        baseClass: {
-            type: String,
-            default: "vel-button",
-        },
-        type: {
-            type: String,
-            default: null,
-        },
-        name: {
-            type: String,
-            default: null,
-        },
-        nativeType: {
-            type: String,
-            default: "button",
-        },
-        size: {
-            type: String,
-            default: "default",
-        },
-        round: {
-            type: Boolean,
-            default: false,
-        },
-        circle: {
-            type: Boolean,
-            default: false,
-        },
-        disabled: {
-            type: Boolean,
-            default: false,
-        },
-        autofocus: {
-            type: Boolean,
-            default: false,
-        },
-        text: {
-            type: Boolean,
-            default: false,
-        },
-        link: {
-            type: Boolean,
-            default: false,
-        },
-        plain: {
-            type: Boolean,
-            default: false,
-        },
-        tag: {
-            type: String,
-            default: "button",
-        },
-        loading: {
-            type: Boolean,
-            default: false,
-        },
-        customIcon: {
-            type: String,
-            default: null,
-        },
-        iconClasses: {
-            type: String,
-            default: "",
-        },
-        href: {
-            type: String,
-            default: null,
-        },
-        target: {
-            type: String,
-            default: null,
-        },
-    },
-
-    components: {
-        ElButton
-    },
-};
-</script>

package/basic/link.vue

@@ -1,63 +0,0 @@
-<template>
-    <el-link 
-        :class="[`link ${baseClass} vel-link--${size} ${ underline ? 'vel-link--underline' : ''}`]" 
-        :name="name" 
-        :underline="underline" 
-        :id="name" 
-        :disabled="disabled"
-        :href="href"
-        :target="target"
-    >
-        <slot />
-
-    </el-link>
-</template>
-
-<script>
-import { ElLink } from "element-plus";
-
-export default {
-    props: {
-        baseClass: {
-            type: String,
-            default: "vel-link",
-        },
-        type: {
-            type: String,
-            default: null,
-        },
-        underline: {
-            type: Boolean,
-            default: true
-        },
-        href: {
-            type: String,
-            default: null,
-        },
-        target: {
-            type: String,
-            default: null,
-        },
-        size: {
-            type: String,
-            default: "default",
-        },
-        name: {
-            type: String,
-            default: null,
-        },
-        disabled: {
-            type: Boolean,
-            default: false,
-        },
-        autofocus: {
-            type: Boolean,
-            default: false,
-        },
-    },
-
-    components: {
-        ElLink,
-    },
-};
-</script>

package/form/Cascader.vue

@@ -1,85 +0,0 @@
-<template>
-    <XInput v-bind="$props">
-        <template #label>
-            <slot name="label" />
-        </template>
-        <el-cascader
-            class="block"
-            v-model="content"
-            :options="options"
-            :placeholder="placeholder"
-            :clearable="clearable"
-            :show-all-levels="showAllLevels"
-            :props="{
-                multiple: multiple,
-                checkStrictly:checkStrictly
-            }"
-        />
-    </XInput>
-</template>
-
-<script>
-import { ElCascader } from 'element-plus';
-import input from "./input.js";
-import XInput from "./input.vue";
-
-export default {
-    mixins: [input],
-    props: {
-        baseClass: {
-            type: String,
-            default: "vel-cascader",
-        },
-        multiple: {
-            type: Boolean,
-            default: false
-        },
-        checkStrictly: {
-            type: Boolean,
-            default: false
-        },
-        clearable: {
-            type: Boolean,
-            default: false
-        },
-        showAllLevels: {
-            type: Boolean,
-            default: false
-        },
-        options: {
-            type: Array,
-            default: [],
-        },
-        ...input.props,
-    },
-    components: {
-        XInput,
-        ElCascader,
-    },
-
-    emits: ['change', 'clear', 'blur'],
-    methods: {
-        castValue(value) {
-            if (
-                !_.isNull(value) &&
-                typeof value === "string" &&
-                !isNaN(Number(value))
-            ) {
-                return parseInt(value);
-            }
-            return value;
-        },
-        handleInput(value, $event) {
-            this.$emit('change', value);
-        }
-    },
-
-    data() {
-        return {
-            pr: {
-                multiple:true
-            }
-        }
-    }
-};
-</script>

package/form/Checkbox.vue

@@ -1,39 +0,0 @@
-<template>
-    <XInput v-bind="$props">
-        <el-checkbox
-            :class="[`${baseClass}__checkbox`]"
-            :id="name"
-            :disabled="disabled"
-            v-model="content"
-            :required="required"
-            @change="handleInput"
-        >
-        </el-checkbox>
-    </XInput>
-</template>
-
-<script>
-import { ElCheckbox } from "element-plus";
-import input from "./input.js";
-import XInput from "./input.vue";
-
-export default {
-    mixins: [input],
-    props: {
-        ...input.props,
-        modelValue: {
-            type: Boolean,
-            default: null,
-        },
-        baseClass: {
-            type: String,
-            default: "vel-checkbox",
-        },
-    },
-
-    components: {
-        XInput,
-        ElCheckbox,
-    },
-};
-</script>

package/form/CheckboxGroup.vue

@@ -1,69 +0,0 @@
-<template>
-    <XInput v-bind="$props">
-        <el-checkbox-group :class="[`${baseClass}__wrapper`]" :id="name" :disabled="disabled" :size="size" :min="min"
-            :max="max" v-model="content" :required="required" @change="handleInput" :checkboxButton="checkboxButton">
-            <el-checkbox v-if="!checkboxButton" :key="index" v-for="({ label, value, disabled }, index) in options"
-                :label="label" :value="value" :disabled="disabled">
-                <slot name="label" :label="label" :value="value">
-                    <span v-html="label"></span>
-                </slot>
-            </el-checkbox>
-            <el-checkbox-button v-else :key="indexB" v-for="({ label, value, disabled }, indexB) in options"
-                :label="label" :value="value" :disabled="disabled">
-                <slot name="label" :label="label" :value="value">
-                    <span v-html="label"></span>
-                </slot>
-            </el-checkbox-button>
-        </el-checkbox-group>
-    </XInput>
-</template>
-
-<script>
-import { ElCheckbox } from "element-plus";
-import { ElCheckboxButton } from "element-plus";
-import { ElCheckboxGroup } from "element-plus";
-import input from "./input.js";
-import XInput from "./input.vue";
-
-export default {
-    mixins: [input],
-    props: {
-        ...input.props,
-        modelValue: {
-            type: Array,
-            default: [],
-        },
-        baseClass: {
-            type: String,
-            default: "vel-checkbox-group",
-        },
-        checkboxButton: {
-            type: Boolean,
-            default: false,
-        },
-        size: {
-            type: String,
-            default: "default",
-        },
-        min: {
-            type: Number,
-            default: 0,
-        },
-        max: {
-            type: Number,
-            default: 100,
-        },
-        options: {
-            type: Array,
-            default: [],
-        },
-    },
-
-    components: {
-        XInput,
-        ElCheckbox,
-        ElCheckboxButton,
-        ElCheckboxGroup,
-    },
-};
-</script>

package/form/DatePicker.vue

@@ -1,100 +0,0 @@
-<template>
-    <XInput v-bind="$props">
-        <template #label>
-            <slot name="label" />
-        </template>
-
-        <el-date-picker
-            v-bind="$attrs.props"
-            :type="type"
-            :disabled="disabled"
-            :disabled-date="disabledDate"
--           :placeholder="placeholder"
-            :shortcuts="shortcuts"
-            :size="size" 
-            class="w-100 vel-datepicker"
-            v-model="content"
-            @change="handleInput"
-            :value-format="valueFormat"
-            :date-format="dateFormat"
-            :time-format="timeFormat"
-            :format="format"
-            :popper-class="popperClass"
-            :prefix-icon="prefixIcon"
-        />
-    </XInput>
-</template>
-<script>
-import dayjs from "dayjs";
-import { ElDatePicker } from "element-plus";
-
-import input from "./input.js";
-import XInput from "./input.vue";
-
-export default {
-    mixins: [input],
-    props: {
-        ...input.props,
-        type: {
-            type: String,
-            validator: (value) => ['date', 'year', 'years', 'month', 'months', 'date', 'dates', 'datetime', 'week', 'datetimerange', 'daterange', 'monthrange', 'yearrange'].includes(value),
-            default: "date",
-        },
-        format: {
-            type: String
-        },
-        valueFormat: {
-            type: String
-        },
-        dateFormat: {
-            type: String
-        },
-        timeFormat: {
-            type: String
-        },
-        baseClass: {
-            type: String,
-            default: "vel-datepicker",
-        },
-        minDate: {
-            type: [Date, String],
-        },
-        maxDate: {
-            type: [Date, String],
-        },
-        shortcuts: {
-            type: Array,
-            default: [],
-        },
-        size: {
-            type: String,
-            default: "default",
-        },
-        popperClass: {
-            type: String,
-            default: "vel-popper",
-        },
-        prefixIcon: {
-            type: String,
-        },
-    },
-    components: {
-        XInput,
-        ElDatePicker,
-    },
-
-    methods: {
-        disabledDate(date) {
-            if (this.minDate && dayjs(date).isBefore(this.minDate)) {
-                return true;
-            }
-
-            if (this.maxDate && dayjs(date).isAfter(this.maxDate)) {
-                return true;
-            }
-
-            return false;
-        },
-    },
-};
-</script>

package/form/InputNumber.vue

@@ -1,90 +0,0 @@
-<template>
-    <XInput v-bind="$props">
-        <template #label>
-            <slot name="label" />
-        </template>
-
-        <el-input-number
-            v-bind="{ ...$attrs, class: undefined }"
-            :class="[`${baseClass}`]"
-            :name="name"
-            :id="name"
-            :disabled="disabled"
-            :min="min"
-            :max="max"
-            :size="size"
-            :precision="precision"
-            :step="step"
-            :controls="controls"
-            :step-strictly="stepStrictly"
-            :placeholder="placeholder"
-            v-model="content"
-            :required="required"
-            @input="handleInput"
-        >
-
-            <template #prefix>
-                <slot name="prefix" />
-            </template>
-            <template #suffix>
-                <slot name="suffix" />
-            </template>
-            <template #decrease-icon>
-                <slot name="decrease-icon" />
-            </template>
-            <template #increase-icon>
-                <slot name="increase-icon" />
-            </template>
-        </el-input-number>
-    </XInput>
-</template>
-
-<script>
-import { ElInputNumber } from "element-plus";
-import input from "./input.js";
-import XInput from "./input.vue";
-
-export default {
-    mixins: [input],
-    props: {
-        ...input.props,
-        baseClass: {
-            type: String,
-            default: "vel-input-number",
-        },
-        min: {
-            type: Number,
-            default: -Infinity,
-        },
-        max: {
-            type: Number,
-            default: Infinity,
-        },
-        precision: {
-            type: Number,
-            default: null,
-        },
-        step: {
-            type: Number,
-            default: 1,
-        },
-        stepStrictly: {
-            type: Boolean,
-            default: true,
-        },
-        size: {
-            type: String,
-            default: "default",
-        },
-        controls: {
-            type: Boolean,
-            default: true,
-        }
-    },
-
-    components: {
-        XInput,
-        ElInputNumber,
-    },
-};
-</script>

package/form/Select.vue

@@ -1,110 +0,0 @@
-<template>
-    <XInput v-bind="$props">
-        <template #label>
-            <slot name="label" />
-        </template>
-
-        <el-select
-            v-model="content"
-            :class="baseClass"
-            :multiple="multiple"
-            :placeholder="placeholder"
-            :disabled="disabled"
-            :clearable="clearable"
-            :collapse-tags="collapseTags"
-            :filterable="filterable"
-            :value-on-clear="null"
-            @change="handleInput"
-            @clear="this.$emit('clear')"
-            @blur="this.$emit('blur')"
-            :empty-values="[null, undefined]"
-        >
-            <template #default>
-                <slot name="default">
-                    <el-option
-                        v-if="!options[0]?.label"
-                        v-for="(label, value) in options"
-                        :key="value"
-                        :label="label"
-                        :value="castValue(value)"
-                    >
-                    </el-option>
-                    <el-option
-                        v-else
-                        v-for="option in options"
-                        :key="option.value"
-                        :label="option.label"
-                        :disabled="option.disabled"
-                        :value="castValue(option.value)"
-                    >
-                    </el-option>
-                </slot>
-            </template>
-        </el-select>
-    </XInput>
-</template>
-
-<script>
-import { ElSelect } from "element-plus";
-import { ElOption } from "element-plus";
-import input from "./input.js";
-import XInput from "./input.vue";
-import _ from 'lodash';
-
-export default {
-    mixins: [input],
-    props: {
-        ...input.props,
-        modelValue: {
-            type: Array,
-            default: [],
-        },
-        baseClass: {
-            type: String,
-            default: "vel-select",
-        },
-        clearable: {
-            type: Boolean,
-            default: false,
-        },
-        collapseTags: {
-            type: Boolean,
-            default: false,
-        },
-        filterable: {
-            type: Boolean,
-            default: false,
-        },
-        options: {
-            type: Array,
-            default: [],
-        },
-        multiple: {
-            type: Boolean,
-            default: false,
-        }
-    },
-
-    components: {
-        XInput,
-        ElOption,
-        ElSelect,
-    },
-
-    emits: ['change', 'clear', 'blur'],
-    methods: {
-        castValue(value) {
-             if (
-                !_.isNull(value) &&
-                typeof value === "string" &&
-                value !== "" &&
-                 !isNaN(Number(value))
-             ) {
-                 return parseInt(value);
-            }
-            return value;
-        }
-    },
-    
-};
-</script>