@wlydfe/pro-ui 0.2.21 → 0.2.23

package/lib/components/date-picker/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 DatePicker = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = DatePicker;

package/lib/components/date-picker/src/index.vue2.js

@@ -0,0 +1,149 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+require('../../utils/index.js');
+require('../../../hooks/index.js');
+var useLocale = require('../../../hooks/useLocale.js');
+var is = require('../../utils/is.js');
+
+const _hoisted_1 = { class: "plus-date-picker__middle" };
+var _sfc_main = /* @__PURE__ */ vue.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.useLocale();
+    const attrs = vue.useAttrs();
+    const computedStartProps = vue.computed(() => ({ ...attrs, ...props.startProps }));
+    const computedEndProps = vue.computed(() => ({ ...attrs, ...props.endProps }));
+    const startPickerInstance = vue.ref();
+    const endPickerInstance = vue.ref();
+    const state = vue.reactive({
+      start: "",
+      end: ""
+    });
+    const formDisabled = elementPlus.useFormDisabled();
+    const isFocus = vue.ref(false);
+    const handleFocus = (event) => {
+      isFocus.value = true;
+      emit("focus", event);
+    };
+    const onClickOutside = () => {
+      isFocus.value = false;
+    };
+    const subStartDisabledDate = (time) => {
+      if (props.startDisabledDate && is.isFunction(props.startDisabledDate)) {
+        return props.startDisabledDate(time, state.end);
+      }
+      return false;
+    };
+    const subEndDisabledDate = (time) => {
+      if (props.endDisabledDate && is.isFunction(props.endDisabledDate)) {
+        return props.endDisabledDate(time, state.start);
+      }
+      return false;
+    };
+    vue.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 vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["plus-date-picker", {
+            "is-focus": isFocus.value,
+            "is-disabled": vue.unref(formDisabled)
+          }])
+        },
+        [
+          vue.createVNode(vue.unref(elementPlus.ElDatePicker), vue.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: vue.unref(t)("plus.datepicker.startPlaceholder"),
+            "disabled-date": subStartDisabledDate,
+            class: "plus-date-picker__start",
+            clearable: "",
+            disabled: vue.unref(formDisabled)
+          }, computedStartProps.value, {
+            onChange: handleChange,
+            onFocus: handleFocus
+          }), null, 16, ["modelValue", "type", "value-format", "placeholder", "disabled"]),
+          vue.createElementVNode(
+            "span",
+            _hoisted_1,
+            vue.toDisplayString(_ctx.rangeSeparator),
+            1
+            /* TEXT */
+          ),
+          vue.createVNode(vue.unref(elementPlus.ElDatePicker), vue.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: vue.unref(t)("plus.datepicker.endPlaceholder"),
+            "disabled-date": subEndDisabledDate,
+            class: "plus-date-picker__end",
+            clearable: "",
+            disabled: vue.unref(formDisabled)
+          }, computedEndProps.value, {
+            onChange: handleChange,
+            onFocus: handleFocus
+          }), null, 16, ["modelValue", "value-format", "type", "placeholder", "disabled"])
+        ],
+        2
+        /* CLASS */
+      )), [
+        [vue.unref(elementPlus.ClickOutside), onClickOutside]
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/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/lib/components/date-picker/style/css.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('element-plus/lib/components/date-picker/style/css.js');
+require('@wlydfe/pro-ui-theme-chalk/plus-date-picker.css');
+

package/lib/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/lib/components/date-picker/style/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('element-plus/lib/components/date-picker/style/index.js');
+require('../../../theme-chalk/src/date-picker.scss.js');
+

package/lib/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/lib/components/descriptions/index.js

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

package/lib/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/lib/components/descriptions/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 Descriptions = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = Descriptions;