yc-pro-components 0.0.1

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

@@ -0,0 +1,214 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlusIconsVue = require('@element-plus/icons-vue');
+var elementPlus = require('element-plus');
+var useLocale = require('../../../hooks/useLocale.js');
+require('sortablejs');
+var 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 = /* @__PURE__ */ vue.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__ */ vue.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.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 */
+                ))
+              ]),
+              _hoisted_4,
+              vue.createElementVNode("div", _hoisted_5, [
+                _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_6, [
+                      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_7)) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                        key: 1,
+                        size: 20,
+                        class: "plus-header__avatar"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(ElementPlusIconsVue.User))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })),
+                      vue.createCommentVNode(" username "),
+                      vue.createElementVNode(
+                        "p",
+                        _hoisted_8,
+                        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(ElementPlusIconsVue.ArrowDown))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })) : vue.createCommentVNode("v-if", true)
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["class"]),
+          _ctx.fixed ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9)) : vue.createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/header/src/type.d.ts

@@ -0,0 +1,34 @@
+import { RecordType, RenderTypes } from 'yc-components/es/types';
+
+export interface PlusHeaderSelfProps {
+    logo?: string;
+    fixed?: boolean;
+    title?: string;
+    logoutText?: string;
+    trigger?: 'click' | 'hover';
+    userInfo?: {
+        [index: string | number | symbol]: unknown;
+        username?: string;
+        avatar?: string;
+    };
+    hasUserInfo?: boolean;
+    dropdownList?: {
+        label: string;
+        value: string;
+    }[];
+    renderHeaderLeft?: (info: {
+        logo: string;
+        title: string;
+    }) => RenderTypes;
+    renderHeaderRight?: (info: {
+        userInfo: Record<string | number | symbol, unknown>;
+        title: string;
+    }) => RenderTypes;
+}
+export type PlusHeaderProps = PlusHeaderSelfProps & RecordType;
+export interface PlusHeaderEmits {
+    (e: 'clickDropdownItem', item: {
+        label: string;
+        value: string;
+    }): void;
+}

package/lib/components/header/src/type.js

@@ -0,0 +1,2 @@
+'use strict';
+

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 "yc-components/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('yc-components/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 "yc-components/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('yc-components/theme-chalk/src/header.scss');
+

package/lib/components/index.d.ts

@@ -0,0 +1,45 @@
+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';
+export * from './yc-config-provider';
+export * from './yc-plus-page';
+export * from './yc-select-v2';
+export * from './yc-plus-tree';
+export * from './yc-dialog';
+export * from './yc-drawer';
+export * from './yc-status-dialog';
+export * from './yc-svg-icon';
+export * from './yc-more-actions';
+export * from './yc-form-container-header';
+export * from './yc-card';
+export * from './yc-line-tree';
+export * from './yc-count-to';
+export * from './yc-flicker';
+export * from './yc-text';
+export * from './yc-auth';
+export * from './yc-perms';
+export * from './yc-col';
+export * from './yc-segmented';
+export * from './yc-animate-selector';
+export * from './yc-icon';
+export * from './yc-download-dialog';
+export * from './yc-tabs-with-filter';

package/lib/components/index.js

@@ -0,0 +1,183 @@
+'use strict';
+
+var index = require('./dialog/index.js');
+var index$1 = require('./pagination/index.js');
+var index$2 = require('./table/index.js');
+var index$3 = require('./radio/index.js');
+var index$4 = require('./date-picker/index.js');
+var index$5 = require('./descriptions/index.js');
+var index$6 = require('./display-item/index.js');
+var index$7 = require('./form/index.js');
+var index$8 = require('./form-item/index.js');
+var index$9 = require('./search/index.js');
+var index$a = require('./dialog-form/index.js');
+var index$b = require('./drawer-form/index.js');
+var index$c = require('./page/index.js');
+var index$d = require('./popover/index.js');
+var index$e = require('./steps-form/index.js');
+var index$f = require('./input-tag/index.js');
+var index$g = require('./breadcrumb/index.js');
+var index$h = require('./sidebar/index.js');
+var index$i = require('./header/index.js');
+var index$j = require('./layout/index.js');
+var index$k = require('./check-card/index.js');
+var index$l = require('./check-card-group/index.js');
+var index$m = require('./yc-config-provider/index.js');
+var index$n = require('./yc-plus-page/index.js');
+var index$p = require('./yc-plus-tree/index.js');
+var index$q = require('./yc-dialog/index.js');
+var index$r = require('./yc-drawer/index.js');
+var index$u = require('./yc-more-actions/index.js');
+var index$v = require('./yc-form-container-header/index.js');
+var index$w = require('./yc-card/index.js');
+var index$y = require('./yc-line-tree/index.js');
+var index$A = require('./yc-count-to/index.js');
+var index$C = require('./yc-flicker/index.js');
+var index$D = require('./yc-text/index.js');
+var index$F = require('./yc-auth/index.js');
+var index$H = require('./yc-perms/index.js');
+var index$J = require('./yc-col/index.js');
+var index$K = require('./yc-segmented/index.js');
+var index$M = require('./yc-animate-selector/index.js');
+var index$O = require('./yc-icon/index.js');
+var index$P = require('./yc-download-dialog/index.js');
+var index$R = require('./yc-tabs-with-filter/index.js');
+var type = require('./yc-config-provider/src/type.js');
+var useYcConfig = require('./yc-config-provider/src/useYcConfig.js');
+var index$o = require('./yc-select-v2/src/index.vue.js');
+var treeDataUtils = require('./yc-plus-tree/src/treeDataUtils.js');
+var type$1 = require('./yc-dialog/src/type.js');
+var store = require('./yc-drawer/store.js');
+var type$2 = require('./yc-status-dialog/src/type.js');
+var index$s = require('./yc-status-dialog/src/index.vue.js');
+var index$t = require('./yc-svg-icon/src/index.vue.js');
+var index$x = require('./yc-card/src/index.vue.js');
+var index$z = require('./yc-line-tree/src/index.vue.js');
+var index$B = require('./yc-count-to/src/rebound/index.js');
+var index$E = require('./yc-text/src/index.vue.js');
+var index$G = require('./yc-auth/src/index.js');
+var index$I = require('./yc-perms/src/index.js');
+var index$L = require('./yc-segmented/src/index.js');
+var animate = require('./yc-animate-selector/src/animate.js');
+var index$N = require('./yc-animate-selector/src/index.vue.js');
+var hooks = require('./yc-icon/src/hooks.js');
+var index$Q = require('./yc-download-dialog/src/index.vue.js');
+var index$S = require('./yc-tabs-with-filter/src/index.vue.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;
+exports.ReConfigProvider = index$m.YcConfigProvider;
+exports.YcConfigProvider = index$m.YcConfigProvider;
+exports.RePlusPage = index$n.RePlusPage;
+exports.YcPlusPage = index$n.YcPlusPage;
+exports.RePlusTree = index$p.RePlusTree;
+exports.YcPlusTree = index$p.YcPlusTree;
+exports.ReDialog = index$q.ReDialog;
+exports.YcDialog = index$q.YcDialog;
+exports.ReDrawer = index$r.ReDrawer;
+exports.YcDrawer = index$r.YcDrawer;
+exports.ReMoreActions = index$u.ReMoreActions;
+exports.YcMoreActions = index$u.YcMoreActions;
+exports.ReFormContainerHeader = index$v.ReFormContainerHeader;
+exports.YcFormContainerHeader = index$v.YcFormContainerHeader;
+exports.YcCardWithInstall = index$w.YcCardWithInstall;
+exports.YcLineTreeWithInstall = index$y.YcLineTreeWithInstall;
+exports.ReNormalCountTo = index$A.YcCountTo;
+exports.YcCountTo = index$A.YcCountTo;
+exports.YcReboundCountToWithInstall = index$A.YcReboundCountToWithInstall;
+exports.YcFlicker = index$C.YcFlicker;
+exports.useRenderFlicker = index$C.useRenderFlicker;
+exports.useRenderReFlicker = index$C.useRenderFlicker;
+exports.YcTextWithInstall = index$D.YcTextWithInstall;
+exports.YcAuthWithInstall = index$F.YcAuthWithInstall;
+exports.YcPermsWithInstall = index$H.YcPermsWithInstall;
+exports.ReCol = index$J.YcCol;
+exports.YcCol = index$J.YcCol;
+exports.YcSegmentedWithInstall = index$K.YcSegmentedWithInstall;
+exports.YcAnimateSelectorWithInstall = index$M.YcAnimateSelectorWithInstall;
+exports.FontIcon = index$O.YcFontIcon;
+exports.IconifyIconOffline = index$O.YcIconifyIconOffline;
+exports.IconifyIconOnline = index$O.YcIconifyIconOnline;
+exports.YcFontIcon = index$O.YcFontIcon;
+exports.YcIconifyIconOffline = index$O.YcIconifyIconOffline;
+exports.YcIconifyIconOnline = index$O.YcIconifyIconOnline;
+exports.YcDownloadDialogWithInstall = index$P.YcDownloadDialogWithInstall;
+exports.YcTabsWithFilterWithInstall = index$R.YcTabsWithFilterWithInstall;
+exports.DEFAULT_CDN_CONFIG = type.DEFAULT_CDN_CONFIG;
+exports.DEFAULT_YC_CONFIG = type.DEFAULT_YC_CONFIG;
+exports.YC_CONFIG_KEY = type.YC_CONFIG_KEY;
+exports.useYcAuth = useYcConfig.useYcAuth;
+exports.useYcCdn = useYcConfig.useYcCdn;
+exports.useYcCdnUrl = useYcConfig.useYcCdnUrl;
+exports.useYcComponentConfig = useYcConfig.useYcComponentConfig;
+exports.useYcConfig = useYcConfig.useYcConfig;
+exports.useYcPerms = useYcConfig.useYcPerms;
+exports.useYcShowPageSearch = useYcConfig.useYcShowPageSearch;
+exports.useYcTranslate = useYcConfig.useYcTranslate;
+exports.ReSelectV2 = index$o.default;
+exports.YcSelectV2 = index$o.default;
+exports.findNodeById = treeDataUtils.findNodeById;
+exports.findNodeByPath = treeDataUtils.findNodeByPath;
+exports.findNodePosition = treeDataUtils.findNodePosition;
+exports.insertAsChild = treeDataUtils.insertAsChild;
+exports.insertAsSibling = treeDataUtils.insertAsSibling;
+exports.insertNodeAtPosition = treeDataUtils.insertNodeAtPosition;
+exports.removeNode = treeDataUtils.removeNode;
+exports.reorderNodeChildren = treeDataUtils.reorderNodeChildren;
+exports.reorderSiblingNodes = treeDataUtils.reorderSiblingNodes;
+exports.SIZE_MAP = type$1.SIZE_MAP;
+exports.addDrawer = store.addDrawer;
+exports.closeAllDrawer = store.closeAllDrawer;
+exports.closeDrawer = store.closeDrawer;
+exports.drawerStore = store.drawerStore;
+exports.updateDrawer = store.updateDrawer;
+exports.STATUS_CONFIG_MAP = type$2.STATUS_CONFIG_MAP;
+exports.ReStatusDialog = index$s.default;
+exports.YcStatusDialog = index$s.default;
+exports.ReSvgIcon = index$t.default;
+exports.YcSvgIcon = index$t.default;
+exports.ReCard = index$x.default;
+exports.YcCard = index$x.default;
+exports.ReLineTree = index$z.default;
+exports.YcLineTree = index$z.default;
+exports.ReboundCountTo = index$B.default;
+exports.YcReboundCountTo = index$B.default;
+exports.ReText = index$E.default;
+exports.YcText = index$E.default;
+exports.ReAuth = index$G.default;
+exports.YcAuth = index$G.default;
+exports.RePerms = index$I.default;
+exports.YcPerms = index$I.default;
+exports.ReSegmented = index$L.default;
+exports.YcSegmented = index$L.default;
+exports.animates = animate.animates;
+exports.ReAnimateSelector = index$N.default;
+exports.YcAnimateSelector = index$N.default;
+exports.useRenderIcon = hooks.useRenderIcon;
+exports.ReDownloadDialog = index$Q.default;
+exports.YcDownloadDialog = index$Q.default;
+exports.ReTabsWithFilter = index$S.default;
+exports.YcTabsWithFilter = index$S.default;