@wlydfe/pro-ui 0.2.21 → 0.2.23

package/es/components/form-item/style/index.mjs

@@ -0,0 +1,28 @@
+import 'element-plus/es/components/form-item/style/index.mjs';
+import 'element-plus/es/components/tooltip/style/index.mjs';
+import 'element-plus/es/components/icon/style/index.mjs';
+import 'element-plus/es/components/autocomplete/style/index.mjs';
+import 'element-plus/es/components/cascader/style/index.mjs';
+import 'element-plus/es/components/checkbox/style/index.mjs';
+import 'element-plus/es/components/checkbox-group/style/index.mjs';
+import 'element-plus/es/components/color-picker/style/index.mjs';
+import 'element-plus/es/components/date-picker/style/index.mjs';
+import 'element-plus/es/components/input-number/style/index.mjs';
+import 'element-plus/es/components/radio-group/style/index.mjs';
+import 'element-plus/es/components/radio/style/index.mjs';
+import 'element-plus/es/components/rate/style/index.mjs';
+import 'element-plus/es/components/select/style/index.mjs';
+import 'element-plus/es/components/option/style/index.mjs';
+import 'element-plus/es/components/slider/style/index.mjs';
+import 'element-plus/es/components/switch/style/index.mjs';
+import 'element-plus/es/components/time-picker/style/index.mjs';
+import 'element-plus/es/components/time-select/style/index.mjs';
+import 'element-plus/es/components/input/style/index.mjs';
+import 'element-plus/es/components/text/style/index.mjs';
+import 'element-plus/es/components/transfer/style/index.mjs';
+import 'element-plus/es/components/divider/style/index.mjs';
+import 'element-plus/es/components/tree-select/style/index.mjs';
+import '../../radio/style/index.mjs';
+import '../../date-picker/style/index.mjs';
+import '../../input-tag/style/index.mjs';
+import '../../../theme-chalk/src/form-item.scss.mjs';

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

@@ -0,0 +1,333 @@
+import { RenderTypes } from '@wlydfe/pro-ui';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+export * from './src/type';
+export declare const PlusHeader: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        fixed: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        trigger: {
+            type: PropType<"hover" | "click">;
+            default: string;
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        logo: {
+            type: PropType<string>;
+            default: string;
+        };
+        logoutText: {
+            type: PropType<string>;
+            default: string;
+        };
+        userInfo: {
+            type: PropType<{
+                [index: string]: unknown;
+                [index: number]: unknown;
+                [index: symbol]: unknown;
+                username?: string | undefined;
+                avatar?: string | undefined;
+            }>;
+            default: () => {};
+        };
+        hasUserInfo: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        dropdownList: {
+            type: PropType<{
+                label: string;
+                value: string;
+            }[]>;
+            default: () => never[];
+        };
+        renderHeaderLeft: {
+            type: PropType<(info: {
+                logo: string;
+                title: string;
+            }) => RenderTypes>;
+        };
+        renderHeaderRight: {
+            type: PropType<(info: {
+                userInfo: Record<string | number | symbol, unknown>;
+                title: string;
+            }) => RenderTypes>;
+        };
+    }>> & {
+        onClickDropdownItem?: ((item: {
+            label: string;
+            value: string;
+        }) => any) | undefined;
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        clickDropdownItem: (item: {
+            label: string;
+            value: string;
+        }) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        fixed: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        trigger: {
+            type: PropType<"hover" | "click">;
+            default: string;
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        logo: {
+            type: PropType<string>;
+            default: string;
+        };
+        logoutText: {
+            type: PropType<string>;
+            default: string;
+        };
+        userInfo: {
+            type: PropType<{
+                [index: string]: unknown;
+                [index: number]: unknown;
+                [index: symbol]: unknown;
+                username?: string | undefined;
+                avatar?: string | undefined;
+            }>;
+            default: () => {};
+        };
+        hasUserInfo: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        dropdownList: {
+            type: PropType<{
+                label: string;
+                value: string;
+            }[]>;
+            default: () => never[];
+        };
+        renderHeaderLeft: {
+            type: PropType<(info: {
+                logo: string;
+                title: string;
+            }) => RenderTypes>;
+        };
+        renderHeaderRight: {
+            type: PropType<(info: {
+                userInfo: Record<string | number | symbol, unknown>;
+                title: string;
+            }) => RenderTypes>;
+        };
+    }>> & {
+        onClickDropdownItem?: ((item: {
+            label: string;
+            value: string;
+        }) => any) | undefined;
+    }, {
+        fixed: boolean;
+        trigger: "hover" | "click";
+        title: string;
+        logo: string;
+        logoutText: string;
+        userInfo: {
+            [index: string]: unknown;
+            [index: number]: unknown;
+            [index: symbol]: unknown;
+            username?: string | undefined;
+            avatar?: string | undefined;
+        };
+        hasUserInfo: boolean;
+        dropdownList: {
+            label: string;
+            value: string;
+        }[];
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        fixed: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        trigger: {
+            type: PropType<"hover" | "click">;
+            default: string;
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        logo: {
+            type: PropType<string>;
+            default: string;
+        };
+        logoutText: {
+            type: PropType<string>;
+            default: string;
+        };
+        userInfo: {
+            type: PropType<{
+                [index: string]: unknown;
+                [index: number]: unknown;
+                [index: symbol]: unknown;
+                username?: string | undefined;
+                avatar?: string | undefined;
+            }>;
+            default: () => {};
+        };
+        hasUserInfo: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        dropdownList: {
+            type: PropType<{
+                label: string;
+                value: string;
+            }[]>;
+            default: () => never[];
+        };
+        renderHeaderLeft: {
+            type: PropType<(info: {
+                logo: string;
+                title: string;
+            }) => RenderTypes>;
+        };
+        renderHeaderRight: {
+            type: PropType<(info: {
+                userInfo: Record<string | number | symbol, unknown>;
+                title: string;
+            }) => RenderTypes>;
+        };
+    }>> & {
+        onClickDropdownItem?: ((item: {
+            label: string;
+            value: string;
+        }) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        fixed: boolean;
+        trigger: "hover" | "click";
+        title: string;
+        logo: string;
+        logoutText: string;
+        userInfo: {
+            [index: string]: unknown;
+            [index: number]: unknown;
+            [index: symbol]: unknown;
+            username?: string | undefined;
+            avatar?: string | undefined;
+        };
+        hasUserInfo: boolean;
+        dropdownList: {
+            label: string;
+            value: string;
+        }[];
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    fixed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    trigger: {
+        type: PropType<"hover" | "click">;
+        default: string;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    logo: {
+        type: PropType<string>;
+        default: string;
+    };
+    logoutText: {
+        type: PropType<string>;
+        default: string;
+    };
+    userInfo: {
+        type: PropType<{
+            [index: string]: unknown;
+            [index: number]: unknown;
+            [index: symbol]: unknown;
+            username?: string | undefined;
+            avatar?: string | undefined;
+        }>;
+        default: () => {};
+    };
+    hasUserInfo: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    dropdownList: {
+        type: PropType<{
+            label: string;
+            value: string;
+        }[]>;
+        default: () => never[];
+    };
+    renderHeaderLeft: {
+        type: PropType<(info: {
+            logo: string;
+            title: string;
+        }) => RenderTypes>;
+    };
+    renderHeaderRight: {
+        type: PropType<(info: {
+            userInfo: Record<string | number | symbol, unknown>;
+            title: string;
+        }) => RenderTypes>;
+    };
+}>> & {
+    onClickDropdownItem?: ((item: {
+        label: string;
+        value: string;
+    }) => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clickDropdownItem: (item: {
+        label: string;
+        value: string;
+    }) => void;
+}, string, {
+    fixed: boolean;
+    trigger: "hover" | "click";
+    title: string;
+    logo: string;
+    logoutText: string;
+    userInfo: {
+        [index: string]: unknown;
+        [index: number]: unknown;
+        [index: symbol]: unknown;
+        username?: string | undefined;
+        avatar?: string | undefined;
+    };
+    hasUserInfo: boolean;
+    dropdownList: {
+        label: string;
+        value: string;
+    }[];
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        "header-left"?(_: {
+            logo: string;
+            title: string;
+        }): any;
+        "header-right"?(_: {
+            userInfo: {
+                [index: string]: unknown;
+                [index: number]: unknown;
+                [index: symbol]: unknown;
+                username?: string | undefined;
+                avatar?: string | undefined;
+            };
+            title: string;
+        }): any;
+    };
+});

package/es/components/header/index.mjs

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

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

@@ -0,0 +1,88 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { PlusHeaderSelfProps as PlusHeaderProps } from './type';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusHeaderProps>, {
+    logo: string;
+    title: string;
+    trigger: string;
+    userInfo: () => {};
+    dropdownList: () => never[];
+    logoutText: string;
+    hasUserInfo: boolean;
+    fixed: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clickDropdownItem: (item: {
+        label: string;
+        value: string;
+    }) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusHeaderProps>, {
+    logo: string;
+    title: string;
+    trigger: string;
+    userInfo: () => {};
+    dropdownList: () => never[];
+    logoutText: string;
+    hasUserInfo: boolean;
+    fixed: boolean;
+}>>> & {
+    onClickDropdownItem?: ((item: {
+        label: string;
+        value: string;
+    }) => any) | undefined;
+}, {
+    fixed: boolean;
+    trigger: "hover" | "click";
+    title: string;
+    logo: string;
+    logoutText: string;
+    userInfo: {
+        [index: string]: unknown;
+        [index: number]: unknown;
+        [index: symbol]: unknown;
+        username?: string | undefined;
+        avatar?: string | undefined;
+    };
+    hasUserInfo: boolean;
+    dropdownList: {
+        label: string;
+        value: string;
+    }[];
+}, {}>, {
+    "header-left"?(_: {
+        logo: string;
+        title: string;
+    }): any;
+    "header-right"?(_: {
+        userInfo: {
+            [index: string]: unknown;
+            [index: number]: unknown;
+            [index: symbol]: unknown;
+            username?: string | undefined;
+            avatar?: string | undefined;
+        };
+        title: string;
+    }): 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/header/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 Header = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Header as default };

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

@@ -0,0 +1,211 @@
+import { createElementVNode, defineComponent, openBlock, createElementBlock, Fragment, createVNode, unref, normalizeClass, withCtx, createBlock, resolveDynamicComponent, renderSlot, createCommentVNode, toDisplayString, createTextVNode, renderList } from 'vue';
+import { User, ArrowDown } from '@element-plus/icons-vue';
+import { ElHeader, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon } from 'element-plus';
+import '../../../hooks/index.mjs';
+import '../../utils/index.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+import { isFunction } from '../../utils/is.mjs';
+
+const _hoisted_1 = { class: "plus-header__left" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 1,
+  class: "plus-header__title"
+};
+const _hoisted_4 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "plus-header__placeholder" },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_5 = { class: "plus-header__right" };
+const _hoisted_6 = { class: "plus-header__dropdown-area" };
+const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "plus-header__username" };
+const _hoisted_9 = {
+  key: 0,
+  class: "plus-header-placeholder"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusHeader"
+  },
+  __name: "index",
+  props: {
+    logo: { default: "https://plus-pro-components.com/logo.png" },
+    fixed: { type: Boolean, default: false },
+    title: { default: "PlusProComponents" },
+    logoutText: { default: "" },
+    trigger: { default: "click" },
+    userInfo: { default: () => ({}) },
+    hasUserInfo: { type: Boolean, default: true },
+    dropdownList: { default: () => [] },
+    renderHeaderLeft: {},
+    renderHeaderRight: {}
+  },
+  emits: ["clickDropdownItem"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useLocale();
+    const logoutItem = {
+      label: props.logoutText || t("plus.header.logout"),
+      value: "logout"
+    };
+    const handleClickItem = (item) => {
+      emit("clickDropdownItem", item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createVNode(unref(ElHeader), {
+            class: normalizeClass(["plus-header", { "is-fixed": _ctx.fixed }])
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                _ctx.renderHeaderLeft && unref(isFunction)(_ctx.renderHeaderLeft) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderHeaderLeft), {
+                  key: 0,
+                  logo: _ctx.logo,
+                  title: _ctx.title
+                }, null, 8, ["logo", "title"])) : _ctx.$slots["header-left"] ? renderSlot(_ctx.$slots, "header-left", {
+                  key: 1,
+                  logo: _ctx.logo,
+                  title: _ctx.title
+                }) : (openBlock(), createElementBlock(
+                  Fragment,
+                  { key: 2 },
+                  [
+                    _ctx.logo ? (openBlock(), createElementBlock("img", {
+                      key: 0,
+                      src: _ctx.logo,
+                      alt: "",
+                      class: "plus-header__logo"
+                    }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
+                    _ctx.title ? (openBlock(), createElementBlock(
+                      "h2",
+                      _hoisted_3,
+                      toDisplayString(_ctx.title),
+                      1
+                      /* TEXT */
+                    )) : createCommentVNode("v-if", true)
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ]),
+              _hoisted_4,
+              createElementVNode("div", _hoisted_5, [
+                _ctx.renderHeaderRight && unref(isFunction)(_ctx.renderHeaderRight) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderHeaderRight), {
+                  key: 0,
+                  "user-info": _ctx.userInfo,
+                  title: _ctx.title
+                }, null, 8, ["user-info", "title"])) : _ctx.$slots["header-right"] ? renderSlot(_ctx.$slots, "header-right", {
+                  key: 1,
+                  userInfo: _ctx.userInfo,
+                  title: _ctx.title
+                }) : createCommentVNode("v-if", true),
+                _ctx.hasUserInfo ? (openBlock(), createBlock(unref(ElDropdown), {
+                  key: 2,
+                  placement: "bottom-end",
+                  trigger: "click"
+                }, {
+                  dropdown: withCtx(() => [
+                    createVNode(unref(ElDropdownMenu), { class: "header-dropdown" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(ElDropdownItem), {
+                          onClick: _cache[0] || (_cache[0] = ($event) => handleClickItem(logoutItem))
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString(_ctx.logoutText || unref(t)("plus.header.logout")),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        (openBlock(true), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(_ctx.dropdownList, (item) => {
+                            return openBlock(), createBlock(unref(ElDropdownItem), {
+                              key: item.value,
+                              onClick: ($event) => handleClickItem(item)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(
+                                  toDisplayString(item.label),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1032, ["onClick"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("span", _hoisted_6, [
+                      createCommentVNode(" avatar "),
+                      _ctx.userInfo.avatar ? (openBlock(), createElementBlock("img", {
+                        key: 0,
+                        src: _ctx.userInfo.avatar,
+                        alt: "",
+                        class: "plus-header__avatar"
+                      }, null, 8, _hoisted_7)) : (openBlock(), createBlock(unref(ElIcon), {
+                        key: 1,
+                        size: 20,
+                        class: "plus-header__avatar"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(User))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })),
+                      createCommentVNode(" username "),
+                      createElementVNode(
+                        "p",
+                        _hoisted_8,
+                        toDisplayString(_ctx.userInfo.username || "admin"),
+                        1
+                        /* TEXT */
+                      ),
+                      createVNode(unref(ElIcon), { class: "el-icon-caret-bottom el-icon--right" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(ArrowDown))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })) : createCommentVNode("v-if", true)
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["class"]),
+          _ctx.fixed ? (openBlock(), createElementBlock("div", _hoisted_9)) : createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };