@wlydfe/pro-ui 0.2.0

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

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

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

@@ -0,0 +1,214 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const vue = require('vue');
+const iconsVue = require('@element-plus/icons-vue');
+const elementPlus = require('element-plus');
+require('../../../hooks/index.js');
+require('../../utils/index.js');
+const useLocale = require('../../../hooks/useLocale.js');
+const is = require('../../utils/is.js');
+
+const _hoisted_1 = { class: "plus-header__left" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 1,
+  class: "plus-header__title"
+};
+const _hoisted_4 = { class: "plus-header__right" };
+const _hoisted_5 = { class: "plus-header__dropdown-area" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "plus-header__username" };
+const _hoisted_8 = {
+  key: 0,
+  class: "plus-header-placeholder"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusHeader"
+  },
+  __name: "index",
+  props: {
+    logo: { default: "https://pro-ui.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.useLocale();
+    const logoutItem = {
+      label: props.logoutText || t("plus.header.logout"),
+      value: "logout"
+    };
+    const handleClickItem = (item) => {
+      emit("clickDropdownItem", item);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createVNode(vue.unref(elementPlus.ElHeader), {
+            class: vue.normalizeClass(["plus-header", { "is-fixed": _ctx.fixed }])
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_1, [
+                _ctx.renderHeaderLeft && vue.unref(is.isFunction)(_ctx.renderHeaderLeft) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.renderHeaderLeft), {
+                  key: 0,
+                  logo: _ctx.logo,
+                  title: _ctx.title
+                }, null, 8, ["logo", "title"])) : _ctx.$slots["header-left"] ? vue.renderSlot(_ctx.$slots, "header-left", {
+                  key: 1,
+                  logo: _ctx.logo,
+                  title: _ctx.title
+                }) : (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 2 },
+                  [
+                    _ctx.logo ? (vue.openBlock(), vue.createElementBlock("img", {
+                      key: 0,
+                      src: _ctx.logo,
+                      alt: "",
+                      class: "plus-header__logo"
+                    }, null, 8, _hoisted_2)) : vue.createCommentVNode("v-if", true),
+                    _ctx.title ? (vue.openBlock(), vue.createElementBlock(
+                      "h2",
+                      _hoisted_3,
+                      vue.toDisplayString(_ctx.title),
+                      1
+                      /* TEXT */
+                    )) : vue.createCommentVNode("v-if", true)
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ]),
+              _cache[1] || (_cache[1] = vue.createElementVNode(
+                "div",
+                { class: "plus-header__placeholder" },
+                null,
+                -1
+                /* CACHED */
+              )),
+              vue.createElementVNode("div", _hoisted_4, [
+                _ctx.renderHeaderRight && vue.unref(is.isFunction)(_ctx.renderHeaderRight) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.renderHeaderRight), {
+                  key: 0,
+                  "user-info": _ctx.userInfo,
+                  title: _ctx.title
+                }, null, 8, ["user-info", "title"])) : _ctx.$slots["header-right"] ? vue.renderSlot(_ctx.$slots, "header-right", {
+                  key: 1,
+                  userInfo: _ctx.userInfo,
+                  title: _ctx.title
+                }) : vue.createCommentVNode("v-if", true),
+                _ctx.hasUserInfo ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
+                  key: 2,
+                  placement: "bottom-end",
+                  trigger: "click"
+                }, {
+                  dropdown: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(elementPlus.ElDropdownMenu), { class: "header-dropdown" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(elementPlus.ElDropdownItem), {
+                          onClick: _cache[0] || (_cache[0] = ($event) => handleClickItem(logoutItem))
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(
+                              vue.toDisplayString(_ctx.logoutText || vue.unref(t)("plus.header.logout")),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(_ctx.dropdownList, (item) => {
+                            return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
+                              key: item.value,
+                              onClick: ($event) => handleClickItem(item)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode(
+                                  vue.toDisplayString(item.label),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1032, ["onClick"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("span", _hoisted_5, [
+                      vue.createCommentVNode(" avatar "),
+                      _ctx.userInfo.avatar ? (vue.openBlock(), vue.createElementBlock("img", {
+                        key: 0,
+                        src: _ctx.userInfo.avatar,
+                        alt: "",
+                        class: "plus-header__avatar"
+                      }, null, 8, _hoisted_6)) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                        key: 1,
+                        size: 20,
+                        class: "plus-header__avatar"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.User))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })),
+                      vue.createCommentVNode(" username "),
+                      vue.createElementVNode(
+                        "p",
+                        _hoisted_7,
+                        vue.toDisplayString(_ctx.userInfo.username || "admin"),
+                        1
+                        /* TEXT */
+                      ),
+                      vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "el-icon-caret-bottom el-icon--right" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.ArrowDown))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })) : vue.createCommentVNode("v-if", true)
+              ])
+            ]),
+            _: 3,
+            __: [1]
+          }, 8, ["class"]),
+          _ctx.fixed ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8)) : vue.createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/header/style/css.d.ts

@@ -0,0 +1,6 @@
+import 'element-plus/es/components/header/style/css';
+import 'element-plus/es/components/dropdown/style/css';
+import 'element-plus/es/components/icon/style/css';
+import 'element-plus/es/components/dropdown-menu/style/css';
+import 'element-plus/es/components/dropdown-item/style/css';
+import '@wlydfe/pro-ui-theme-chalk/plus-header.css';

package/lib/components/header/style/css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+require('element-plus/lib/components/header/style/css.js');
+require('element-plus/lib/components/dropdown/style/css.js');
+require('element-plus/lib/components/icon/style/css.js');
+require('element-plus/lib/components/dropdown-menu/style/css.js');
+require('element-plus/lib/components/dropdown-item/style/css.js');
+require('@wlydfe/pro-ui-theme-chalk/plus-header.css');
+

package/lib/components/header/style/index.d.ts

@@ -0,0 +1,6 @@
+import 'element-plus/es/components/header/style/index';
+import 'element-plus/es/components/dropdown/style/index';
+import 'element-plus/es/components/icon/style/index';
+import 'element-plus/es/components/dropdown-menu/style/index';
+import 'element-plus/es/components/dropdown-item/style/index';
+import '@wlydfe/pro-ui-theme-chalk/src/header.scss';

package/lib/components/header/style/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+require('element-plus/lib/components/header/style/index.js');
+require('element-plus/lib/components/dropdown/style/index.js');
+require('element-plus/lib/components/icon/style/index.js');
+require('element-plus/lib/components/dropdown-menu/style/index.js');
+require('element-plus/lib/components/dropdown-item/style/index.js');
+require('../../../theme-chalk/src/header.scss.js');
+

package/lib/components/index.d.ts

@@ -0,0 +1,22 @@
+export * from './dialog';
+export * from './pagination';
+export * from './table';
+export * from './radio';
+export * from './date-picker';
+export * from './descriptions';
+export * from './display-item';
+export * from './form';
+export * from './form-item';
+export * from './search';
+export * from './dialog-form';
+export * from './drawer-form';
+export * from './page';
+export * from './popover';
+export * from './steps-form';
+export * from './input-tag';
+export * from './breadcrumb';
+export * from './sidebar';
+export * from './header';
+export * from './layout';
+export * from './check-card';
+export * from './check-card-group';

package/lib/components/index.js

@@ -0,0 +1,50 @@
+'use strict';
+
+const index = require('./dialog/index.js');
+const index$1 = require('./pagination/index.js');
+const index$2 = require('./table/index.js');
+const index$3 = require('./radio/index.js');
+const index$4 = require('./date-picker/index.js');
+const index$5 = require('./descriptions/index.js');
+const index$6 = require('./display-item/index.js');
+const index$7 = require('./form/index.js');
+const index$8 = require('./form-item/index.js');
+const index$9 = require('./search/index.js');
+const index$a = require('./dialog-form/index.js');
+const index$b = require('./drawer-form/index.js');
+const index$c = require('./page/index.js');
+const index$d = require('./popover/index.js');
+const index$e = require('./steps-form/index.js');
+const index$f = require('./input-tag/index.js');
+const index$g = require('./breadcrumb/index.js');
+const index$h = require('./sidebar/index.js');
+const index$i = require('./header/index.js');
+const index$j = require('./layout/index.js');
+const index$k = require('./check-card/index.js');
+const index$l = require('./check-card-group/index.js');
+
+
+
+exports.PlusDialog = index.PlusDialog;
+exports.PlusPagination = index$1.PlusPagination;
+exports.PlusTable = index$2.PlusTable;
+exports.PlusRadio = index$3.PlusRadio;
+exports.PlusDatePicker = index$4.PlusDatePicker;
+exports.PlusDescriptions = index$5.PlusDescriptions;
+exports.PlusDisplayItem = index$6.PlusDisplayItem;
+exports.PlusForm = index$7.PlusForm;
+exports.PlusFormItem = index$8.PlusFormItem;
+exports.PlusSearch = index$9.PlusSearch;
+exports.PlusDialogForm = index$a.PlusDialogForm;
+exports.PlusDrawerForm = index$b.PlusDrawerForm;
+exports.PlusPage = index$c.PlusPage;
+exports.PlusPopover = index$d.PlusPopover;
+exports.PlusStepsForm = index$e.PlusStepsForm;
+exports.PlusInputTag = index$f.PlusInputTag;
+exports.PlusBreadcrumb = index$g.PlusBreadcrumb;
+exports.PlusSidebar = index$h.PlusSidebar;
+exports.PlusSidebarItem = index$h.PlusSidebarItem;
+exports.PlusHeader = index$i.PlusHeader;
+exports.PlusLayout = index$j.PlusLayout;
+exports.PlusCheckCard = index$k.PlusCheckCard;
+exports.PlusCheckCardGroup = index$l.PlusCheckCardGroup;