@wlydfe/pro-ui 0.2.21 → 0.2.23

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

@@ -0,0 +1,215 @@
+import { defineComponent, ref, computed, shallowRef, unref, watch, openBlock, createBlock, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { ElDescriptions, ElDescriptionsItem } from 'element-plus';
+import { PlusDisplayItem } from '../../display-item/index.mjs';
+import { getValue, getLabel, getDescLabelSlotName, getDescSlotName } from '../../utils/index.mjs';
+import { isFunction } from '../../utils/is.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusDescriptions"
+  },
+  __name: "index",
+  props: {
+    data: { default: () => ({}) },
+    columns: { default: () => [] },
+    column: { default: 3 },
+    title: { default: "" },
+    border: { type: Boolean, default: true },
+    editable: { type: Boolean, default: false },
+    formProps: { default: void 0 },
+    descriptionsItemProps: { default: void 0 }
+  },
+  emits: ["formChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const plusDisplayItemInstance = ref();
+    const elBorder = computed(() => props.editable ? true : props.border);
+    const formRefs = shallowRef([]);
+    const subColumns = computed(
+      () => props.columns.filter((item) => unref(item.hideInDescriptions) !== true)
+    );
+    const getDisplayValue = (prop) => getValue(props.data, prop);
+    const setFormRef = () => {
+      var _a, _b;
+      if (!((_a = plusDisplayItemInstance.value) == null ? void 0 : _a.length)) return;
+      const list = ((_b = plusDisplayItemInstance.value) == null ? void 0 : _b.map((item) => ({
+        ...item,
+        ...item == null ? void 0 : item.getDisplayItemInstance()
+      }))) || [];
+      formRefs.value = list;
+    };
+    watch(
+      plusDisplayItemInstance,
+      () => {
+        setFormRef();
+      },
+      {
+        deep: true,
+        flush: "post"
+      }
+    );
+    const getIsRequired = (item, index) => {
+      var _a;
+      const itemFormProps = isFunction(item.formProps) ? item.formProps(props.data[item.prop], { row: props.data, index }) : unref(item.formProps);
+      const rules = Reflect.get((itemFormProps == null ? void 0 : itemFormProps.rules) || ((_a = props.formProps) == null ? void 0 : _a.rules) || {}, item.prop) || {};
+      const isRequired = Object.values(rules).some((i) => i.required);
+      return isRequired;
+    };
+    const handleChange = (data, index, item) => {
+      const formChangeCallBackParams = { ...data, index, column: { ...item } };
+      emit("formChange", formChangeCallBackParams);
+    };
+    const validate = async () => {
+      var _a;
+      try {
+        await Promise.all(
+          (_a = formRefs.value) == null ? void 0 : _a.map((item) => {
+            var _a2;
+            return (_a2 = item.formInstance.value) == null ? void 0 : _a2.validate();
+          })
+        );
+      } catch (errors) {
+        return Promise.reject(errors);
+      }
+    };
+    const clearValidate = () => {
+      var _a;
+      (_a = formRefs.value) == null ? void 0 : _a.forEach((item) => {
+        var _a2;
+        (_a2 = item.formInstance.value) == null ? void 0 : _a2.clearValidate();
+      });
+    };
+    __expose({
+      formRefs,
+      validate,
+      clearValidate
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDescriptions), mergeProps({
+        title: _ctx.title,
+        column: _ctx.column,
+        class: ["plus-description", { "no-border": !_ctx.border }],
+        border: elBorder.value
+      }, _ctx.$attrs), {
+        title: withCtx(() => [
+          renderSlot(_ctx.$slots, "title")
+        ]),
+        extra: withCtx(() => [
+          renderSlot(_ctx.$slots, "extra")
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(subColumns.value, (item, index) => {
+                var _a, _b;
+                return openBlock(), createBlock(unref(ElDescriptionsItem), mergeProps({
+                  key: item.prop,
+                  label: unref(getLabel)(item.label),
+                  "class-name": (((_a = item.descriptionsItemProps) == null ? void 0 : _a.className) || "") + " plus-description__name  plus-description__content",
+                  "label-class-name": (((_b = item.descriptionsItemProps) == null ? void 0 : _b.labelClassName) || "") + " plus-description__label" + (getIsRequired(item, index) ? " is-required" : "")
+                }, item.descriptionsItemProps || _ctx.descriptionsItemProps), {
+                  label: withCtx(() => [
+                    item.renderDescriptionsLabel && unref(isFunction)(item.renderDescriptionsLabel) ? (openBlock(), createBlock(resolveDynamicComponent(item.renderDescriptionsLabel), {
+                      key: 0,
+                      label: unref(getLabel)(item.label),
+                      column: item,
+                      row: _ctx.data
+                    }, null, 8, ["label", "column", "row"])) : _ctx.$slots[unref(getDescLabelSlotName)(item.prop)] ? (openBlock(), createElementBlock(
+                      Fragment,
+                      { key: 1 },
+                      [
+                        createCommentVNode(" plus-desc-label-* "),
+                        renderSlot(_ctx.$slots, unref(getDescLabelSlotName)(item.prop), {
+                          column: item,
+                          row: _ctx.data,
+                          label: unref(getLabel)(item.label)
+                        })
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : (openBlock(), createElementBlock(
+                      Fragment,
+                      { key: 2 },
+                      [
+                        createCommentVNode(" normal "),
+                        createTextVNode(
+                          toDisplayString(unref(getLabel)(item.label)),
+                          1
+                          /* TEXT */
+                        )
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))
+                  ]),
+                  default: withCtx(() => [
+                    _ctx.editable ? (openBlock(), createBlock(unref(PlusDisplayItem), {
+                      key: 0,
+                      ref_for: true,
+                      ref_key: "plusDisplayItemInstance",
+                      ref: plusDisplayItemInstance,
+                      column: item,
+                      row: _ctx.data,
+                      editable: "",
+                      "form-props": _ctx.formProps,
+                      onChange: (data) => handleChange(data, index, item)
+                    }, null, 8, ["column", "row", "form-props", "onChange"])) : item.renderDescriptionsItem && unref(isFunction)(item.renderDescriptionsItem) ? (openBlock(), createElementBlock(
+                      Fragment,
+                      { key: 1 },
+                      [
+                        createCommentVNode(" renderDescriptionsItem "),
+                        (openBlock(), createBlock(resolveDynamicComponent(item.renderDescriptionsItem), {
+                          value: getDisplayValue(item.prop),
+                          column: item,
+                          row: _ctx.data
+                        }, null, 8, ["value", "column", "row"]))
+                      ],
+                      2112
+                      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                    )) : _ctx.$slots[unref(getDescSlotName)(item.prop)] ? (openBlock(), createElementBlock(
+                      Fragment,
+                      { key: 2 },
+                      [
+                        createCommentVNode(" plus-desc-* "),
+                        renderSlot(_ctx.$slots, unref(getDescSlotName)(item.prop), {
+                          column: item,
+                          row: _ctx.data,
+                          value: getDisplayValue(item.prop)
+                        })
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : (openBlock(), createElementBlock(
+                      Fragment,
+                      { key: 3 },
+                      [
+                        createCommentVNode(" normal "),
+                        createVNode(unref(PlusDisplayItem), {
+                          column: item,
+                          row: _ctx.data
+                        }, null, 8, ["column", "row"])
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1040, ["label", "class-name", "label-class-name"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["title", "column", "class", "border"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/descriptions/style/css.d.ts

@@ -0,0 +1,3 @@
+import "element-plus/es/components/descriptions/style/css";
+import "@wlydfe/pro-ui/es/components/display-item/style/css";
+import "@wlydfe/pro-ui-theme-chalk/plus-descriptions.css";

package/es/components/descriptions/style/css.mjs

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/descriptions/style/css.mjs';
+import '../../display-item/style/css.mjs';
+import '@wlydfe/pro-ui-theme-chalk/plus-descriptions.css';

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

@@ -0,0 +1,3 @@
+import "element-plus/es/components/descriptions/style/index";
+import "@wlydfe/pro-ui/es/components/display-item/style/index";
+import "@wlydfe/pro-ui-theme-chalk/src/descriptions.scss";

package/es/components/descriptions/style/index.mjs

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/descriptions/style/index.mjs';
+import '../../display-item/style/index.mjs';
+import '../../../theme-chalk/src/descriptions.scss.mjs';

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

@@ -0,0 +1,226 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+import { default as Dialog } from './src/index.vue';
+
+export type PlusDialogInstance = InstanceType<typeof Dialog>;
+export * from './src/type';
+export declare const PlusDialog: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
+        top: {
+            type: PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        hasFooter: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        footerAlign: {
+            type: PropType<"right" | "left" | "center">;
+            default: string;
+        };
+        confirmText: {
+            type: PropType<string>;
+            default: string;
+        };
+        cancelText: {
+            type: PropType<string>;
+            default: string;
+        };
+        confirmLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (visible: boolean) => void;
+        cancel: () => void;
+        confirm: () => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
+        top: {
+            type: PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        hasFooter: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        footerAlign: {
+            type: PropType<"right" | "left" | "center">;
+            default: string;
+        };
+        confirmText: {
+            type: PropType<string>;
+            default: string;
+        };
+        cancelText: {
+            type: PropType<string>;
+            default: string;
+        };
+        confirmLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+    }, {
+        width: string | number;
+        top: string;
+        modelValue: boolean;
+        title: string;
+        hasFooter: boolean;
+        footerAlign: "right" | "left" | "center";
+        confirmText: string;
+        cancelText: string;
+        confirmLoading: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
+        top: {
+            type: PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        hasFooter: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        footerAlign: {
+            type: PropType<"right" | "left" | "center">;
+            default: string;
+        };
+        confirmText: {
+            type: PropType<string>;
+            default: string;
+        };
+        cancelText: {
+            type: PropType<string>;
+            default: string;
+        };
+        confirmLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+    }, {}, {}, {}, {}, {
+        width: string | number;
+        top: string;
+        modelValue: boolean;
+        title: string;
+        hasFooter: boolean;
+        footerAlign: "right" | "left" | "center";
+        confirmText: string;
+        cancelText: string;
+        confirmLoading: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    top: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    hasFooter: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    footerAlign: {
+        type: PropType<"right" | "left" | "center">;
+        default: string;
+    };
+    confirmText: {
+        type: PropType<string>;
+        default: string;
+    };
+    cancelText: {
+        type: PropType<string>;
+        default: string;
+    };
+    confirmLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (visible: boolean) => void;
+    cancel: () => void;
+    confirm: () => void;
+}, string, {
+    width: string | number;
+    top: string;
+    modelValue: boolean;
+    title: string;
+    hasFooter: boolean;
+    footerAlign: "right" | "left" | "center";
+    confirmText: string;
+    cancelText: string;
+    confirmLoading: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+});

package/es/components/dialog/index.mjs

@@ -0,0 +1,6 @@
+import Dialog from './src/index.vue.mjs';
+import './src/type.mjs';
+
+const PlusDialog = Dialog;
+
+export { PlusDialog };

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

@@ -0,0 +1,69 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { PlusDialogSelfProps as PlusDialogProps } from './type';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusDialogProps>, {
+    modelValue: boolean;
+    confirmText: string;
+    confirmLoading: boolean;
+    cancelText: string;
+    hasFooter: boolean;
+    title: string;
+    top: string;
+    width: string;
+    footerAlign: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (visible: boolean) => void;
+    cancel: () => void;
+    confirm: () => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusDialogProps>, {
+    modelValue: boolean;
+    confirmText: string;
+    confirmLoading: boolean;
+    cancelText: string;
+    hasFooter: boolean;
+    title: string;
+    top: string;
+    width: string;
+    footerAlign: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}, {
+    width: string | number;
+    top: string;
+    modelValue: boolean;
+    title: string;
+    hasFooter: boolean;
+    footerAlign: "right" | "left" | "center";
+    confirmText: string;
+    cancelText: string;
+    confirmLoading: boolean;
+}, {}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): 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/dialog/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 Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Dialog as default };

package/es/components/dialog/src/index.vue2.mjs

@@ -0,0 +1,121 @@
+import { defineComponent, computed, ref, watchEffect, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString } from 'vue';
+import { ElDialog, ElButton } from 'element-plus';
+import '../../../hooks/index.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+
+const _hoisted_1 = { class: "plus-dialog-body" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusDialog",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    confirmText: { default: "" },
+    cancelText: { default: "" },
+    confirmLoading: { type: Boolean, default: false },
+    hasFooter: { type: Boolean, default: true },
+    footerAlign: { default: "right" },
+    top: { default: "15vh" },
+    width: { default: "460px" },
+    title: { default: "" }
+  },
+  emits: ["update:modelValue", "cancel", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const style = computed(() => ({
+      justifyContent: props.footerAlign === "left" ? "flex-start" : props.footerAlign === "center" ? "center" : "flex-end"
+    }));
+    const subVisible = ref(false);
+    const { t } = useLocale();
+    watchEffect(() => {
+      subVisible.value = props.modelValue;
+    });
+    const handleConfirm = () => {
+      emit("confirm");
+    };
+    const handleCancel = () => {
+      emit("update:modelValue", false);
+      emit("cancel");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDialog), mergeProps({
+        modelValue: subVisible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => subVisible.value = $event),
+        top: _ctx.top,
+        width: _ctx.width,
+        title: _ctx.title || unref(t)("plus.dialog.title"),
+        "close-on-click-modal": false,
+        "close-on-press-escape": false,
+        "append-to-body": false,
+        "before-close": handleCancel,
+        class: "plus-dialog"
+      }, _ctx.$attrs), createSlots({
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.header ? {
+          name: "header",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "header")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.hasFooter ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createElementVNode(
+              "div",
+              {
+                class: "plus-dialog-footer",
+                style: normalizeStyle(style.value)
+              },
+              [
+                renderSlot(_ctx.$slots, "footer", {}, () => [
+                  createVNode(unref(ElButton), { onClick: handleCancel }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(_ctx.cancelText || unref(t)("plus.dialog.cancelText")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createVNode(unref(ElButton), {
+                    type: "primary",
+                    loading: _ctx.confirmLoading,
+                    onClick: handleConfirm
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(_ctx.confirmText || unref(t)("plus.dialog.confirmText")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["loading"])
+                ])
+              ],
+              4
+              /* STYLE */
+            )
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["modelValue", "top", "width", "title"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/dialog/src/type.d.ts

@@ -0,0 +1,20 @@
+import { RecordType, Mutable } from '@wlydfe/pro-ui/es/types';
+import { DialogProps } from 'element-plus';
+
+export interface PlusDialogSelfProps {
+    modelValue?: boolean;
+    confirmText?: string;
+    cancelText?: string;
+    confirmLoading?: boolean;
+    hasFooter?: boolean;
+    footerAlign?: 'left' | 'right' | 'center';
+    top?: string;
+    width?: string | number;
+    title?: string;
+}
+export type PlusDialogProps = PlusDialogSelfProps & Partial<Mutable<DialogProps>> & RecordType;
+export interface PlusDialogEmits {
+    (e: 'update:modelValue', visible: boolean): void;
+    (e: 'cancel'): void;
+    (e: 'confirm'): void;
+}

package/es/components/dialog/src/type.mjs

@@ -0,0 +1 @@
+