@wlydfe/pro-ui 0.1.25

package/lib/components/render/index.d.ts

@@ -0,0 +1,110 @@
+import { PlusRadioProps, PlusDatePickerProps, PlusInputTagProps } from 'packages/plus-pro-components';
+import { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select';
+import { EpPropMergeType } from 'element-plus/es/utils';
+import { FormItemProps, ProgressFn, CascaderNode, InputAutoSize, AutocompleteProps, CheckboxGroupProps, ColorPickerProps, DatePickerProps, InputProps, InputNumberProps, RadioGroupProps, RateProps, ISelectProps, SliderProps, SwitchProps, TimePickerDefaultProps, TextProps, ImageProps, LinkProps, TagProps, ProgressProps } from 'element-plus';
+import { FieldValueType, PlusColumn, RenderTypes, RecordType, PropsItemType, Mutable, OmitTypes, CascaderProps } from '@wlydfe/pro-ui';
+import { DefineComponent, PropType, CSSProperties, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+export type { PlusRenderProps } from './src/index.vue';
+export declare const PlusRender: DefineComponent<{
+    handleChange: {
+        type: PropType<(...arg: any[]) => void>;
+    };
+    render: {
+        type: PropType<((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | ((...arg: any[]) => void)>;
+    };
+    renderType: {
+        type: PropType<"form">;
+        default: undefined;
+    };
+    callbackValue: {
+        type: PropType<string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null>;
+        default: string;
+    };
+    customFieldProps: {
+        type: PropType< PropsItemType< Mutable<FormItemProps> & {
+            [key: string]: any;
+            style?: CSSProperties | undefined;
+        }> | PropsItemType<Partial<{
+            [key: string]: any;
+            style: CSSProperties;
+            rows: number;
+            autocomplete: string;
+            type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+            step: string | number;
+            format: string | ProgressFn | undefined;
+            filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
+            id: string | [string, string];
+            effect: string;
+            height: string | number;
+            autosize: InputAutoSize;
+        } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>>>;
+        default: () => {};
+    };
+    params: {
+        type: PropType<Partial< PlusColumn>>;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    handleChange: {
+        type: PropType<(...arg: any[]) => void>;
+    };
+    render: {
+        type: PropType<((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | ((...arg: any[]) => void)>;
+    };
+    renderType: {
+        type: PropType<"form">;
+        default: undefined;
+    };
+    callbackValue: {
+        type: PropType<string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null>;
+        default: string;
+    };
+    customFieldProps: {
+        type: PropType< PropsItemType< Mutable<FormItemProps> & {
+            [key: string]: any;
+            style?: CSSProperties | undefined;
+        }> | PropsItemType<Partial<{
+            [key: string]: any;
+            style: CSSProperties;
+            rows: number;
+            autocomplete: string;
+            type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+            step: string | number;
+            format: string | ProgressFn | undefined;
+            filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
+            id: string | [string, string];
+            effect: string;
+            height: string | number;
+            autosize: InputAutoSize;
+        } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>>>;
+        default: () => {};
+    };
+    params: {
+        type: PropType<Partial< PlusColumn>>;
+        default: () => {};
+    };
+}>>, {
+    renderType: "form";
+    callbackValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
+    customFieldProps: PropsItemType< Mutable<FormItemProps> & {
+        [key: string]: any;
+        style?: CSSProperties | undefined;
+    }> | PropsItemType<Partial<{
+        [key: string]: any;
+        style: CSSProperties;
+        rows: number;
+        autocomplete: string;
+        type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+        loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+        step: string | number;
+        format: string | ProgressFn | undefined;
+        filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
+        id: string | [string, string];
+        effect: string;
+        height: string | number;
+        autosize: InputAutoSize;
+    } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>>;
+    params: Partial< PlusColumn>;
+}, {}>;

package/lib/components/render/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var index = require('./src/index.vue.js');
+
+const PlusRender = index.default;
+
+exports.PlusRender = PlusRender;

package/lib/components/render/src/index.vue.d.ts

@@ -0,0 +1,72 @@
+import { PlusRadioProps, PlusDatePickerProps, PlusInputTagProps } from 'packages/plus-pro-components';
+import { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select';
+import { EpPropMergeType } from 'element-plus/es/utils';
+import { FormItemProps, ProgressFn, CascaderNode, InputAutoSize, AutocompleteProps, CheckboxGroupProps, ColorPickerProps, DatePickerProps, InputProps, InputNumberProps, RadioGroupProps, RateProps, ISelectProps, SliderProps, SwitchProps, TimePickerDefaultProps, TextProps, ImageProps, LinkProps, TagProps, ProgressProps } from 'element-plus';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, CSSProperties, PropType } from 'vue';
+import { PlusColumn, FieldValueType, RecordType, PropsItemType, Mutable, OmitTypes, CascaderProps } from '@wlydfe/pro-ui/es/types';
+
+export interface PlusRenderProps {
+    /**
+     * 渲染的类型
+     */
+    renderType?: 'form';
+    /**
+     * 回调参数的第一个值
+     */
+    callbackValue?: FieldValueType;
+    customFieldProps?: PlusColumn['fieldProps'] | PlusColumn['formItemProps'];
+    render?: PlusColumn['renderField'] | ((...arg: any[]) => void);
+    params?: Partial<PlusColumn>;
+    handleChange?: (...arg: any[]) => void;
+}
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusRenderProps>, {
+    renderType: undefined;
+    callbackValue: string;
+    customFieldProps: () => {};
+    params: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusRenderProps>, {
+    renderType: undefined;
+    callbackValue: string;
+    customFieldProps: () => {};
+    params: () => {};
+}>>>, {
+    renderType: "form";
+    callbackValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
+    customFieldProps: PropsItemType< Mutable<FormItemProps> & {
+        [key: string]: any;
+        style?: CSSProperties | undefined;
+    }> | PropsItemType<Partial<{
+        [key: string]: any;
+        style: CSSProperties;
+        rows: number;
+        autocomplete: string;
+        type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+        loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+        step: string | number;
+        format: string | ProgressFn | undefined;
+        filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
+        id: string | [string, string];
+        effect: string;
+        height: string | number;
+        autosize: InputAutoSize;
+    } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>>;
+    params: Partial<PlusColumn>;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/render/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var Render = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = Render;

package/lib/components/render/src/index.vue2.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../utils/index.js');
+var is = require('../../utils/is.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusRender"
+  },
+  __name: "index",
+  props: {
+    renderType: { default: void 0 },
+    callbackValue: { default: "" },
+    customFieldProps: { default: () => ({}) },
+    render: {},
+    params: { default: () => ({}) },
+    handleChange: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const state = vue.ref();
+    vue.watch(
+      () => props.callbackValue,
+      (val) => {
+        state.value = val;
+      },
+      {
+        flush: "post",
+        immediate: true
+      }
+    );
+    const renderComponent = () => {
+      if (!props.render) return;
+      const params = { ...props.params };
+      const dynamicComponent = props.renderType === "form" ? props.render(
+        state.value,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        props.handleChange,
+        params
+      ) : props.render(state.value, params);
+      if (vue.isVNode(dynamicComponent)) {
+        const payload = props.renderType === "form" ? {
+          modelValue: state.value,
+          ...props.customFieldProps,
+          ...dynamicComponent.props
+        } : {
+          ...props.customFieldProps,
+          ...dynamicComponent.props
+        };
+        return {
+          ...dynamicComponent,
+          props: payload
+        };
+      } else if (is.isString(dynamicComponent)) {
+        return dynamicComponent;
+      }
+    };
+    return (_ctx, _cache) => {
+      return _ctx.renderType === "form" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent), vue.mergeProps({
+        key: 0,
+        modelValue: state.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.value = $event)
+      }, _ctx.customFieldProps), null, 16, ["modelValue"])) : (vue.openBlock(), vue.createBlock(
+        vue.resolveDynamicComponent(renderComponent),
+        vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.customFieldProps)),
+        null,
+        16
+        /* FULL_PROPS */
+      ));
+    };
+  }
+});
+
+exports.default = _sfc_main;