el-plus-crud 0.0.47 → 0.0.49

package/lib/components/el-plus-form/ElPlusFormGroup.vue

@@ -8,6 +8,8 @@
         </template>
       </ElPlusForm>
     </template>
+    <!-- 默认的插槽 -->
+    <slot name="default"> </slot>
   </div>
 </template>
 <script lang="ts">

package/lib/components/el-plus-form/components/ElPlusFormRadio.vue

@@ -1,6 +1,6 @@
 <template>
-  <el-radio-group class="ElPlusFormRadio-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" :disabled="disabled">
-    <el-radio v-for="option of attrs.options" :key="option.value" :label="option.value">
+  <el-radio-group v-if="isInit" class="ElPlusFormRadio-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" :disabled="disabled">
+    <el-radio v-for="option of options" :key="option.value" :label="option.value">
       {{ option.l || option.label }}
     </el-radio>
   </el-radio-group>
@@ -14,8 +14,11 @@ export default {
 }
 </script>
 <script lang="ts" setup>
-import { ref, useAttrs, onBeforeMount } from 'vue'
+import { ref, reactive, useAttrs, watch, onBeforeMount, inject } from 'vue'
 import { getAttrs, getEvents } from '../mixins'
+import { isEqual } from 'lodash'
+
+const globalData = inject('globalData') as any
 
 const props = defineProps<{
   modelValue?: string | number | '' | null
@@ -29,12 +32,34 @@ const emits = defineEmits(['update:modelValue'])
 const currentValue = ref(props.modelValue)
 emits('update:modelValue', currentValue)
 
+const options = reactive([] as any[])
+const isInit = ref(false)
 const attrs = ref({} as any)
 const onEvents = ref(getEvents(props))
 
 onBeforeMount(async () => {
   attrs.value = await getAttrs(props, { ...useAttrs() })
+  isInit.value = true
 })
+
+watch(
+  () => props.desc.options,
+  async (data) => {
+    if (typeof data === 'string') {
+      // 从全局数据中获取options
+      options.splice(0, options.length, ...(globalData[data] || []))
+    } else if (typeof data === 'function') {
+      options.splice(0, options.length, ...(await data(props.formData)))
+    } else if (Array.isArray(data)) {
+      if (data && options && !isEqual(data, options)) {
+        options.splice(0, options.length, ...data)
+      }
+    } else {
+      options.splice(0, options.length)
+    }
+  },
+  { immediate: true }
+)
 </script>
 <style lang="scss" scoped>
 .ElPlusFormRadio-panel {

package/lib/components/el-plus-table/components/header.vue

@@ -245,6 +245,9 @@ defineExpose({ getData: () => elPlusFormRef.value?.getData(), initCol })
         display: flex;
         align-items: center;
         margin-right: 10px;
+        & > * {
+          margin-bottom: 16px;
+        }
       }
     }
   }

package/package.json

@@ -2,7 +2,7 @@
   "name": "el-plus-crud",
   "description": "采用Vue3 + TS，封装的element-plus数据驱动表单、列表组件",
   "author": "K.D.Jack",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "license": "MIT",
   "private": false,
   "main": "dist/el-plus-crud.mjs",

package/dist/components/el-plus-form/ElPlusForm.vue.d.ts

@@ -1,321 +0,0 @@
-export interface IFormProps {
-    formDesc?: IFormDesc | null;
-    modelValue?: {
-        [key: string]: any;
-    } | {};
-    formAttrs?: {
-        [key: string]: any;
-    };
-    rules?: {
-        [key: string]: any;
-    } | null;
-    isLoading?: boolean;
-    requestFn?: Function | null;
-    updateFn?: Function | null;
-    showBtns?: boolean;
-    showSubmit?: boolean;
-    submitBtnText?: string;
-    showCancel?: boolean;
-    cancelBtnText?: string;
-    showReset?: boolean;
-    resetBtnText?: string;
-    showLabel?: boolean;
-    labelWidth?: number | string;
-    disabled?: boolean;
-    readonly?: boolean;
-    isDialog?: boolean;
-    optionsFn?: Function | null;
-    size?: string;
-    column?: number;
-    isTable?: boolean;
-    idKey?: string;
-    maxWidth?: string;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    size: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    formDesc: {
-        type: import("vue").PropType<IFormDesc | null>;
-        default: null;
-    };
-    modelValue: {
-        type: import("vue").PropType<{} | {
-            [key: string]: any;
-        }>;
-        default: () => {};
-    };
-    formAttrs: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        default: () => {};
-    };
-    rules: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        } | null>;
-        default: null;
-    };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    requestFn: {
-        type: import("vue").PropType<Function | null>;
-        default: null;
-    };
-    updateFn: {
-        type: import("vue").PropType<Function | null>;
-        default: null;
-    };
-    showBtns: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showSubmit: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    submitBtnText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    showCancel: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    cancelBtnText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    showReset: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    resetBtnText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    showLabel: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    labelWidth: {
-        type: import("vue").PropType<string | number>;
-        default: string;
-    };
-    readonly: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    isDialog: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    optionsFn: {
-        type: import("vue").PropType<Function | null>;
-        default: null;
-    };
-    column: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    isTable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    idKey: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    maxWidth: {
-        type: import("vue").PropType<string>;
-    };
-}, {
-    submit: () => Promise<void>;
-    getData: () => {
-        [key: string]: any;
-    };
-    validate: () => Promise<unknown>;
-    reset: () => void;
-    clearValid: () => void;
-    clear: () => void;
-    changeValidImg: () => void;
-    refresh: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("request" | "reset" | "cancel")[], "request" | "reset" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    size: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    formDesc: {
-        type: import("vue").PropType<IFormDesc | null>;
-        default: null;
-    };
-    modelValue: {
-        type: import("vue").PropType<{} | {
-            [key: string]: any;
-        }>;
-        default: () => {};
-    };
-    formAttrs: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        default: () => {};
-    };
-    rules: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        } | null>;
-        default: null;
-    };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    requestFn: {
-        type: import("vue").PropType<Function | null>;
-        default: null;
-    };
-    updateFn: {
-        type: import("vue").PropType<Function | null>;
-        default: null;
-    };
-    showBtns: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showSubmit: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    submitBtnText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    showCancel: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    cancelBtnText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    showReset: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    resetBtnText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    showLabel: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    labelWidth: {
-        type: import("vue").PropType<string | number>;
-        default: string;
-    };
-    readonly: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    isDialog: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    optionsFn: {
-        type: import("vue").PropType<Function | null>;
-        default: null;
-    };
-    column: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    isTable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    idKey: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    maxWidth: {
-        type: import("vue").PropType<string>;
-    };
-}>> & {
-    onReset?: ((...args: any[]) => any) | undefined;
-    onRequest?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
-}, {
-    disabled: boolean;
-    size: string;
-    formDesc: IFormDesc | null;
-    modelValue: {} | {
-        [key: string]: any;
-    };
-    formAttrs: {
-        [key: string]: any;
-    };
-    rules: {
-        [key: string]: any;
-    } | null;
-    isLoading: boolean;
-    requestFn: Function | null;
-    updateFn: Function | null;
-    showBtns: boolean;
-    showSubmit: boolean;
-    submitBtnText: string;
-    showCancel: boolean;
-    cancelBtnText: string;
-    showReset: boolean;
-    resetBtnText: string;
-    showLabel: boolean;
-    labelWidth: string | number;
-    readonly: boolean;
-    isDialog: boolean;
-    optionsFn: Function | null;
-    column: number;
-    isTable: boolean;
-    idKey: string;
-}, {}>, {
-    top?(_: {
-        formData: {} | {
-            [key: string]: any;
-        };
-    }): any;
-    row?(_: {}): any;
-    default?(_: {}): any;
-    "form-btn"?(_: {
-        data: {} | {
-            [key: string]: any;
-        };
-    }): any;
-    bottom?(_: {
-        formData: {} | {
-            [key: string]: any;
-        };
-    }): any;
-    "form-footer"?(_: {
-        formData: {} | {
-            [key: string]: any;
-        };
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/el-plus-form/ElPlusFormDialog.vue.d.ts

@@ -1,74 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<{} | {
-            [key: string]: any;
-        }>;
-        default: () => {};
-    };
-    success: {
-        type: import("vue").PropType<Function>;
-    };
-    show: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    tableRef: {
-        type: import("vue").PropType<any>;
-    };
-    successTip: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}, {
-    open: typeof open;
-    close: typeof close;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "update:modelValue")[], "update:show" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<{} | {
-            [key: string]: any;
-        }>;
-        default: () => {};
-    };
-    success: {
-        type: import("vue").PropType<Function>;
-    };
-    show: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    tableRef: {
-        type: import("vue").PropType<any>;
-    };
-    successTip: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>> & {
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    title: string;
-    modelValue: {} | {
-        [key: string]: any;
-    };
-    show: boolean;
-    successTip: string;
-}, {}>, {
-    header?(_: {}): any;
-    top?(_: {}): any;
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/el-plus-form/ElPlusFormGroup.vue.d.ts

@@ -1,44 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<{} | {
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    formGroup: {
-        type: import("vue").PropType<IFormGroupConfig>;
-        required: true;
-    };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("request" | "update:show" | "update:modelValue" | "before-validate" | "before-request" | "request-success" | "request-error" | "request-end")[], "request" | "update:show" | "update:modelValue" | "before-validate" | "before-request" | "request-success" | "request-error" | "request-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<{} | {
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    formGroup: {
-        type: import("vue").PropType<IFormGroupConfig>;
-        required: true;
-    };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
-    onRequest?: ((...args: any[]) => any) | undefined;
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onBefore-validate"?: ((...args: any[]) => any) | undefined;
-    "onBefore-request"?: ((...args: any[]) => any) | undefined;
-    "onRequest-success"?: ((...args: any[]) => any) | undefined;
-    "onRequest-error"?: ((...args: any[]) => any) | undefined;
-    "onRequest-end"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, Partial<Record<string, (_: {}) => any>>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/el-plus-form/components/ElPlusFormArea.vue.d.ts

@@ -1,50 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<any[] | null>;
-    };
-    field: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    desc: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    formData: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<any[] | null>;
-    };
-    field: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    desc: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    formData: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
-export default _default;

package/dist/components/el-plus-form/components/ElPlusFormAutocomplete.vue.d.ts

@@ -1,55 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string | number | null>;
-    };
-    field: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    desc: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    formData: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string | number | null>;
-    };
-    field: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    desc: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    formData: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, Partial<Record<number, (_: {
-    data: any;
-}) => any>> & {
-    default?(_: {
-        data: any;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/el-plus-form/components/ElPlusFormBtn.vue.d.ts

@@ -1,50 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    field: {
-        type: import("vue").PropType<string>;
-    };
-    rowIndex: {
-        type: import("vue").PropType<number>;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-    };
-    desc: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    formData: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    field: {
-        type: import("vue").PropType<string>;
-    };
-    rowIndex: {
-        type: import("vue").PropType<number>;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-    };
-    desc: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-        required: true;
-    };
-    formData: {
-        type: import("vue").PropType<{
-            [key: string]: any;
-        }>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, {}, {}>;
-export default _default;