@wlydfe/pro-ui 0.1.25

package/es/components/date-picker/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { DatePicker as default };

package/es/components/date-picker/src/index.vue2.mjs

@@ -0,0 +1,145 @@
+import { defineComponent, useAttrs, computed, ref, reactive, watch, withDirectives, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, createElementVNode, toDisplayString } from 'vue';
+import { useFormDisabled, ElDatePicker, ClickOutside } from 'element-plus';
+import '../../utils/index.mjs';
+import '../../../hooks/index.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+import { isFunction } from '../../utils/is.mjs';
+
+const _hoisted_1 = { class: "plus-date-picker__middle" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusDatePicker"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    rangeSeparator: { default: "/" },
+    valueFormat: { default: "YYYY-MM-DD HH:mm:ss" },
+    type: { default: "datetime" },
+    startProps: { default: () => ({}) },
+    endProps: { default: () => ({}) },
+    disabled: { type: Boolean, default: false },
+    startDisabledDate: { type: Function, default: (startTime, endValue) => {
+      if (!endValue) return false;
+      return startTime.getTime() > new Date(endValue).getTime();
+    } },
+    endDisabledDate: { type: Function, default: (endTime, startValue) => {
+      if (!startValue) return false;
+      return endTime.getTime() < new Date(startValue).getTime();
+    } }
+  },
+  emits: ["change", "focus", "update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useLocale();
+    const attrs = useAttrs();
+    const computedStartProps = computed(() => ({ ...attrs, ...props.startProps }));
+    const computedEndProps = computed(() => ({ ...attrs, ...props.endProps }));
+    const startPickerInstance = ref();
+    const endPickerInstance = ref();
+    const state = reactive({
+      start: "",
+      end: ""
+    });
+    const formDisabled = useFormDisabled();
+    const isFocus = ref(false);
+    const handleFocus = (event) => {
+      isFocus.value = true;
+      emit("focus", event);
+    };
+    const onClickOutside = () => {
+      isFocus.value = false;
+    };
+    const subStartDisabledDate = (time) => {
+      if (props.startDisabledDate && isFunction(props.startDisabledDate)) {
+        return props.startDisabledDate(time, state.end);
+      }
+      return false;
+    };
+    const subEndDisabledDate = (time) => {
+      if (props.endDisabledDate && isFunction(props.endDisabledDate)) {
+        return props.endDisabledDate(time, state.start);
+      }
+      return false;
+    };
+    watch(
+      () => props.modelValue,
+      (val) => {
+        const [start, end] = val;
+        state.start = start;
+        state.end = end;
+      },
+      {
+        immediate: true
+      }
+    );
+    const handleChange = () => {
+      const res = [state.start, state.end];
+      emit("update:modelValue", res);
+      emit("change", res);
+    };
+    __expose({
+      startPickerInstance,
+      endPickerInstance
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["plus-date-picker", {
+            "is-focus": isFocus.value,
+            "is-disabled": unref(formDisabled)
+          }])
+        },
+        [
+          createVNode(unref(ElDatePicker), mergeProps({
+            ref_key: "startPickerInstance",
+            ref: startPickerInstance,
+            modelValue: state.start,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.start = $event),
+            type: _ctx.type,
+            "value-format": _ctx.valueFormat,
+            placeholder: unref(t)("plus.datepicker.startPlaceholder"),
+            "disabled-date": subStartDisabledDate,
+            class: "plus-date-picker__start",
+            clearable: "",
+            disabled: unref(formDisabled)
+          }, computedStartProps.value, {
+            onChange: handleChange,
+            onFocus: handleFocus
+          }), null, 16, ["modelValue", "type", "value-format", "placeholder", "disabled"]),
+          createElementVNode(
+            "span",
+            _hoisted_1,
+            toDisplayString(_ctx.rangeSeparator),
+            1
+            /* TEXT */
+          ),
+          createVNode(unref(ElDatePicker), mergeProps({
+            ref_key: "endPickerInstance",
+            ref: endPickerInstance,
+            modelValue: state.end,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.end = $event),
+            "value-format": _ctx.valueFormat,
+            type: _ctx.type,
+            placeholder: unref(t)("plus.datepicker.endPlaceholder"),
+            "disabled-date": subEndDisabledDate,
+            class: "plus-date-picker__end",
+            clearable: "",
+            disabled: unref(formDisabled)
+          }, computedEndProps.value, {
+            onChange: handleChange,
+            onFocus: handleFocus
+          }), null, 16, ["modelValue", "value-format", "type", "placeholder", "disabled"])
+        ],
+        2
+        /* CLASS */
+      )), [
+        [unref(ClickOutside), onClickOutside]
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/date-picker/style/css.d.ts

@@ -0,0 +1,2 @@
+import "element-plus/es/components/date-picker/style/css";
+import "@wlydfe/pro-ui-theme-chalk/plus-date-picker.css";

package/es/components/date-picker/style/css.mjs

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/date-picker/style/css.mjs';
+import '@wlydfe/pro-ui-theme-chalk/plus-date-picker.css';

package/es/components/date-picker/style/index.d.ts

@@ -0,0 +1,2 @@
+import "element-plus/es/components/date-picker/style/index";
+import "@wlydfe/pro-ui-theme-chalk/src/date-picker.scss";

package/es/components/date-picker/style/index.mjs

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/date-picker/style/index.mjs';
+import '../../../theme-chalk/src/date-picker.scss.mjs';

package/es/components/descriptions/index.d.ts

@@ -0,0 +1,257 @@
+import { PlusFormProps, TableFormRefRow } from 'packages/plus-pro-components';
+import { PlusColumn, RecordType, FieldValueType } from '@wlydfe/pro-ui';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ShallowRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+import { default as Descriptions } from './src/index.vue';
+
+export type PlusDescriptionsInstance = InstanceType<typeof Descriptions>;
+export type { PlusDescriptionsProps } from './src/index.vue';
+export declare const PlusDescriptions: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        columns: {
+            type: PropType< PlusColumn[]>;
+            default: () => never[];
+        };
+        formProps: {
+            type: PropType<PlusFormProps>;
+            default: undefined;
+        };
+        border: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        data: {
+            type: PropType<RecordType>;
+            required: true;
+            default: () => {};
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        column: {
+            type: PropType<number>;
+            default: number;
+        };
+        editable: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        descriptionsItemProps: {
+            type: PropType<RecordType>;
+            default: undefined;
+        };
+    }>> & {
+        onFormChange?: ((data: {
+            column: PlusColumn;
+            index: number;
+            prop: string;
+            row: RecordType;
+            value: FieldValueType;
+        }) => any) | undefined;
+    }, {
+        formRefs: ShallowRef< TableFormRefRow[]>;
+        validate: () => Promise<undefined>;
+        clearValidate: () => void;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        formChange: (data: {
+            column: PlusColumn;
+            index: number;
+            prop: string;
+            row: RecordType;
+            value: FieldValueType;
+        }) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        columns: {
+            type: PropType< PlusColumn[]>;
+            default: () => never[];
+        };
+        formProps: {
+            type: PropType<PlusFormProps>;
+            default: undefined;
+        };
+        border: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        data: {
+            type: PropType<RecordType>;
+            required: true;
+            default: () => {};
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        column: {
+            type: PropType<number>;
+            default: number;
+        };
+        editable: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        descriptionsItemProps: {
+            type: PropType<RecordType>;
+            default: undefined;
+        };
+    }>> & {
+        onFormChange?: ((data: {
+            column: PlusColumn;
+            index: number;
+            prop: string;
+            row: RecordType;
+            value: FieldValueType;
+        }) => any) | undefined;
+    }, {
+        columns: PlusColumn[];
+        formProps: PlusFormProps;
+        border: boolean;
+        data: RecordType;
+        title: string;
+        column: number;
+        editable: boolean;
+        descriptionsItemProps: RecordType;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        columns: {
+            type: PropType< PlusColumn[]>;
+            default: () => never[];
+        };
+        formProps: {
+            type: PropType<PlusFormProps>;
+            default: undefined;
+        };
+        border: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        data: {
+            type: PropType<RecordType>;
+            required: true;
+            default: () => {};
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        column: {
+            type: PropType<number>;
+            default: number;
+        };
+        editable: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        descriptionsItemProps: {
+            type: PropType<RecordType>;
+            default: undefined;
+        };
+    }>> & {
+        onFormChange?: ((data: {
+            column: PlusColumn;
+            index: number;
+            prop: string;
+            row: RecordType;
+            value: FieldValueType;
+        }) => any) | undefined;
+    }, {
+        formRefs: ShallowRef< TableFormRefRow[]>;
+        validate: () => Promise<undefined>;
+        clearValidate: () => void;
+    }, {}, {}, {}, {
+        columns: PlusColumn[];
+        formProps: PlusFormProps;
+        border: boolean;
+        data: RecordType;
+        title: string;
+        column: number;
+        editable: boolean;
+        descriptionsItemProps: RecordType;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    columns: {
+        type: PropType< PlusColumn[]>;
+        default: () => never[];
+    };
+    formProps: {
+        type: PropType<PlusFormProps>;
+        default: undefined;
+    };
+    border: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    data: {
+        type: PropType<RecordType>;
+        required: true;
+        default: () => {};
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    column: {
+        type: PropType<number>;
+        default: number;
+    };
+    editable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    descriptionsItemProps: {
+        type: PropType<RecordType>;
+        default: undefined;
+    };
+}>> & {
+    onFormChange?: ((data: {
+        column: PlusColumn;
+        index: number;
+        prop: string;
+        row: RecordType;
+        value: FieldValueType;
+    }) => any) | undefined;
+}, {
+    formRefs: ShallowRef< TableFormRefRow[]>;
+    validate: () => Promise<undefined>;
+    clearValidate: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    formChange: (data: {
+        column: PlusColumn;
+        index: number;
+        prop: string;
+        row: RecordType;
+        value: FieldValueType;
+    }) => void;
+}, string, {
+    columns: PlusColumn[];
+    formProps: PlusFormProps;
+    border: boolean;
+    data: RecordType;
+    title: string;
+    column: number;
+    editable: boolean;
+    descriptionsItemProps: RecordType;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {
+        column: PlusColumn;
+        row: RecordType;
+        label: string;
+    }) => any>> & Partial<Record<string, (_: {
+        column: PlusColumn;
+        row: RecordType;
+        value: any;
+    }) => any>> & {
+        default?(_: {}): any;
+        title?(_: {}): any;
+        extra?(_: {}): any;
+    };
+});

package/es/components/descriptions/index.mjs

@@ -0,0 +1,5 @@
+import Descriptions from './src/index.vue.mjs';
+
+const PlusDescriptions = Descriptions;
+
+export { PlusDescriptions };

package/es/components/descriptions/src/index.vue.d.ts

@@ -0,0 +1,115 @@
+import { PlusFormProps } from '@wlydfe/pro-ui/es/components/form';
+import { TableFormRefRow } from '@wlydfe/pro-ui/es/components/table';
+import { PlusColumn, RecordType, Mutable, FieldValueType } from '@wlydfe/pro-ui/es/types';
+import { descriptionProps } from 'element-plus';
+import { ExtractPropTypes, DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, PropType } from 'vue';
+
+export type DescriptionProps = Partial<Mutable<ExtractPropTypes<typeof descriptionProps>>>;
+type FormChangeCallBackParams = {
+    column: PlusColumn;
+    index: number;
+    prop: string;
+    row: RecordType;
+    value: FieldValueType;
+};
+export interface PlusDescriptionsProps {
+    data: RecordType;
+    columns?: PlusColumn[];
+    column?: number;
+    title?: string;
+    border?: boolean;
+    /**
+     * 是否整体可编辑
+     * @version 0.1.17
+     * @default false
+     */
+    editable?: boolean;
+    /**
+     * PlusFormProps 优先级低于column.formProps
+     * @version 0.1.17
+     */
+    formProps?: PlusFormProps;
+    /**
+     * el-descriptions-item 的props 优先级低于column.descriptionsItemProps
+     * @version 0.1.17
+     */
+    descriptionsItemProps?: RecordType;
+}
+export interface PlusDescriptionsEmits {
+    (e: 'formChange', data: FormChangeCallBackParams): void;
+}
+export interface PlusTableTableColumnStatus {
+    text: string;
+    color: string;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusDescriptionsProps>, {
+    data: () => {};
+    columns: () => never[];
+    title: string;
+    column: number;
+    border: boolean;
+    editable: boolean;
+    formProps: undefined;
+    descriptionsItemProps: undefined;
+}>, {
+    formRefs: ShallowRef<TableFormRefRow[]>;
+    validate: () => Promise<undefined>;
+    clearValidate: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    formChange: (data: FormChangeCallBackParams) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusDescriptionsProps>, {
+    data: () => {};
+    columns: () => never[];
+    title: string;
+    column: number;
+    border: boolean;
+    editable: boolean;
+    formProps: undefined;
+    descriptionsItemProps: undefined;
+}>>> & {
+    onFormChange?: ((data: FormChangeCallBackParams) => any) | undefined;
+}, {
+    columns: PlusColumn[];
+    formProps: PlusFormProps;
+    border: boolean;
+    data: RecordType;
+    title: string;
+    column: number;
+    editable: boolean;
+    descriptionsItemProps: RecordType;
+}, {}>, Partial<Record<string, (_: {
+    column: PlusColumn;
+    row: RecordType;
+    label: string;
+}) => any>> & Partial<Record<string, (_: {
+    column: PlusColumn;
+    row: RecordType;
+    value: any;
+}) => any>> & {
+    default?(_: {}): any;
+    title?(_: {}): any;
+    extra?(_: {}): any;
+}>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/descriptions/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Descriptions as default };