zartd 0.0.10

package/es/top-menu/index.d.ts

@@ -0,0 +1,17 @@
+export declare const ZtTopMenu: import("@ega/utils").SFCWithInstall<import("vue").DefineComponent<{
+    menus: {
+        type: import("vue").PropType<import("vue-router").RouteRecordRaw[]>;
+        default: never[];
+    };
+}, {
+    selectedKeys: import("vue").Ref<string[]>;
+    handleMenuClick: import("ant-design-vue/es/menu/src/interface").MenuClickEventHandler;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    menus: {
+        type: import("vue").PropType<import("vue-router").RouteRecordRaw[]>;
+        default: never[];
+    };
+}>>, {
+    menus: import("vue-router").RouteRecordRaw[];
+}>>;
+export default ZtTopMenu;

package/es/top-menu/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '@ega/utils';
+import TopMenu from './top-menu.vue.js';
+
+const ZtTopMenu = withInstall(TopMenu);
+
+export { ZtTopMenu, ZtTopMenu as default };

package/es/top-menu/style/index.css

@@ -0,0 +1,33 @@
+.zt-top-menu {
+  max-width: 70vw;
+  height: 100%;
+}
+.zt-top-menu > .ant-menu {
+  height: 100%;
+  background-color: transparent;
+  border-bottom: none;
+}
+.zt-top-menu > .ant-menu > .ant-menu-item {
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 105px;
+  margin-top: 0;
+  color: var(--zartd-text-color-positive);
+  font-size: 16px;
+}
+.zt-top-menu > .ant-menu > .ant-menu-item:hover,
+.zt-top-menu > .ant-menu > .ant-menu-item-active,
+.zt-top-menu > .ant-menu > .ant-menu-item-selected {
+  color: var(--zartd-text-color-positive);
+  background-color: var(--zartd-top-menu-item-active-background-color);
+}
+.zt-top-menu > .ant-menu > .ant-menu-item:hover::after,
+.zt-top-menu > .ant-menu > .ant-menu-item-active::after,
+.zt-top-menu > .ant-menu > .ant-menu-item-selected::after {
+  display: none;
+}
+.zt-top-menu > .ant-menu > .ant-menu-item-selected {
+  background-color: var(--zartd-top-menu-item-selected-background-color);
+}

package/es/top-menu/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/core.less';
+import './index.less';

package/es/top-menu/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/core.less';
+import './index.less';

package/es/top-menu/style/index.less

@@ -0,0 +1,36 @@
+.zt-top-menu {
+    max-width: 70vw;
+    height: 100%;
+
+    > .ant-menu {
+        height: 100%;
+        background-color: transparent;
+        border-bottom: none;
+
+        > .ant-menu-item {
+            top: 0;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            min-width: 105px;
+            margin-top: 0;
+            color: var(--zartd-text-color-positive);
+            font-size: 16px;
+
+            &:hover,
+            &-active,
+            &-selected {
+                color: var(--zartd-text-color-positive);
+                background-color: var(--zartd-top-menu-item-active-background-color);
+
+                &::after {
+                    display: none;
+                }
+            }
+
+            &-selected {
+                background-color: var(--zartd-top-menu-item-selected-background-color);
+            }
+        }
+    }
+}

package/es/top-menu/top-menu.vue.d.ts

@@ -0,0 +1,19 @@
+import { type PropType } from 'vue';
+import type { RouteRecordRaw } from 'vue-router';
+declare const _default: import("vue").DefineComponent<{
+    menus: {
+        type: PropType<RouteRecordRaw[]>;
+        default: never[];
+    };
+}, {
+    selectedKeys: import("vue").Ref<string[]>;
+    handleMenuClick: import("ant-design-vue/es/menu/src/interface").MenuClickEventHandler;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    menus: {
+        type: PropType<RouteRecordRaw[]>;
+        default: never[];
+    };
+}>>, {
+    menus: RouteRecordRaw[];
+}>;
+export default _default;

package/es/top-menu/top-menu.vue.js

@@ -0,0 +1,57 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString } from 'vue';
+import { Menu, MenuItem } from 'ant-design-vue/es';
+import { useMenu } from '@ega/hooks';
+import _export_sfc from '../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = defineComponent({
+  name: "ZtTopMenu",
+  components: {
+    AMenu: Menu,
+    AMenuItem: MenuItem
+  },
+  props: {
+    menus: { type: [], default: [] }
+  },
+  setup() {
+    const { selectedKeys, handleMenuClick } = useMenu();
+    return {
+      selectedKeys,
+      handleMenuClick
+    };
+  }
+});
+const _hoisted_1 = { class: "zt-top-menu" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_menu_item = resolveComponent("a-menu-item");
+  const _component_a_menu = resolveComponent("a-menu");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_a_menu, {
+      selectedKeys: _ctx.selectedKeys,
+      "onUpdate:selectedKeys": _cache[0] || (_cache[0] = ($event) => _ctx.selectedKeys = $event),
+      mode: "horizontal",
+      onClick: _ctx.handleMenuClick
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menus, (menu) => {
+          var _a, _b;
+          return openBlock(), createBlock(_component_a_menu_item, {
+            key: menu.name,
+            title: (_b = (_a = menu.meta) == null ? void 0 : _a.title) != null ? _b : ""
+          }, {
+            default: withCtx(() => {
+              var _a2, _b2;
+              return [
+                createElementVNode("span", null, toDisplayString((_b2 = (_a2 = menu.meta) == null ? void 0 : _a2.title) != null ? _b2 : ""), 1)
+              ];
+            }),
+            _: 2
+          }, 1032, ["title"]);
+        }), 128))
+      ]),
+      _: 1
+    }, 8, ["selectedKeys", "onClick"])
+  ]);
+}
+var TopMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/top-menu/top-menu.vue"]]);
+
+export { TopMenu as default };

package/es/view-login/index.d.ts

@@ -0,0 +1,33 @@
+export declare const ZtViewLogin: import("@ega/utils").SFCWithInstall<import("vue").DefineComponent<{
+    appTitle: {
+        type: StringConstructor;
+        required: true;
+    };
+    logoSrc: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    imgs: string[];
+    form: {
+        username: string;
+        password: string;
+        remember: boolean;
+    };
+    loading: import("vue").Ref<boolean>;
+    onFinish: (values: {
+        username: string;
+        password: string;
+        remember: boolean;
+    }) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appTitle: {
+        type: StringConstructor;
+        required: true;
+    };
+    logoSrc: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>>;
+export default ZtViewLogin;

package/es/view-login/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '@ega/utils';
+import ViewLogin from './view-login.vue.js';
+
+const ZtViewLogin = withInstall(ViewLogin);
+
+export { ZtViewLogin, ZtViewLogin as default };

package/es/view-login/style/index.css

@@ -0,0 +1,168 @@
+.zt-view-login {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: var(--zartd-text-color-positive);
+  background: var(--zartd-view-login-background-image) no-repeat center;
+  background-size: 100% 100%;
+}
+.zt-view-login > .login-box {
+  position: relative;
+  width: 1625px;
+  height: 700px;
+}
+.zt-view-login > .login-box > .ant-carousel {
+  width: 100%;
+  height: 100%;
+  border-radius: 16px;
+  box-shadow: 0 15px 20px 0 var(--zartd-view-login-carousel-box-shadow-color);
+}
+.zt-view-login > .login-box .slick-list {
+  border-radius: 16px;
+}
+.zt-view-login > .login-box .carousel-content {
+  width: 700px;
+  height: 700px;
+}
+.zt-view-login > .login-box .carousel-content .login-box-bg {
+  width: 100%;
+  height: 100%;
+  background-position: center;
+  background-size: 100% 100%;
+}
+.zt-view-login > .login-box .carousel-content .login-box-bg.one {
+  background-image: var(--zartd-view-login-banner-one-background-image);
+}
+.zt-view-login > .login-box .carousel-content .login-box-bg.two {
+  background-image: var(--zartd-view-login-banner-two-background-image);
+}
+.zt-view-login > .login-box .carousel-content .login-box-bg.three {
+  background-image: var(--zartd-view-login-banner-three-background-image);
+}
+.zt-view-login > .login-box .slick-dots {
+  bottom: -100px;
+}
+:root[theme-size='large'] .zt-view-login > .login-box .slick-dots {
+  bottom: -60px;
+}
+.zt-view-login > .login-box .slick-dots > li button {
+  background: var(--zartd-view-login-carousel-dots-button-background);
+}
+.zt-view-login > .login-box .slick-dots > li.slick-active button,
+.zt-view-login > .login-box .slick-dots > li:hover button {
+  background-image: var(--zartd-view-login-carousel-dots-button-active-background-image);
+  box-shadow: var(--zartd-view-login-carousel-dots-button-active-box-shadow);
+}
+.zt-view-login > .login-box > .login-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 700px;
+  height: 700px;
+  background: var(--zartd-view-login-content-background);
+  border-radius: 0 16px 16px 0;
+  backdrop-filter: blur(5px);
+}
+.zt-view-login > .login-box > .login-content .login-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 40px;
+  padding: 20px;
+}
+.zt-view-login > .login-box > .login-content .login-title .sys-logo {
+  flex-shrink: 0;
+  width: 110px;
+  margin-right: 20px;
+}
+.zt-view-login > .login-box > .login-content .login-title .sys-logo img {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+.zt-view-login > .login-box > .login-content .login-title .sys-title {
+  font-weight: 600;
+  font-size: 58px;
+  letter-spacing: 10px;
+}
+.zt-view-login > .login-box > .login-content .login-form {
+  width: 410px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-form-item {
+  margin-bottom: 0;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-form-item:last-child {
+  margin-top: 40px;
+}
+.zt-view-login > .login-box > .login-content .login-form-button {
+  width: 100%;
+  height: 60px;
+  color: var(--zartd-text-color-positive);
+  font-weight: 600;
+  font-size: 28px;
+  border: 2px solid var(--zartd-text-color-positive);
+  border-radius: 30px;
+}
+.zt-view-login > .login-box > .login-content .login-form-item-input {
+  height: 90px;
+}
+.zt-view-login > .login-box > .login-content .login-form-item-input .ant-form-item-explain {
+  font-size: 16px;
+  line-height: 25px;
+}
+.zt-view-login > .login-box > .login-content .login-form-item-input .ant-form-item-control-input-content {
+  border-bottom: 1px solid var(--zartd-view-login-form-input-border-color);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input {
+  padding: 0;
+  color: var(--zartd-text-color-positive);
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 45px;
+  letter-spacing: 0;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input::placeholder {
+  color: var(--zartd-text-color-positive);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input-suffix {
+  margin-left: 10px;
+  font-size: 20px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input-suffix .ant-input-password-icon {
+  color: var(--zartd-text-color-positive);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input-password {
+  padding: 0;
+  color: var(--zartd-text-color-positive);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper {
+  height: 42px;
+  color: var(--zartd-text-color-positive);
+  font-size: 24px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper .ant-checkbox {
+  font-size: 28px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper .ant-checkbox input[type='checkbox'] {
+  width: 28px;
+  height: 28px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
+  width: 28px;
+  height: 28px;
+  background-color: transparent;
+  border: 1px solid var(--zartd-view-login-form-input-border-color);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
+  width: 10px;
+  height: 16.667px;
+}

package/es/view-login/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/core.less';
+import './index.less';

package/es/view-login/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/core.less';
+import './index.less';

package/es/view-login/style/index.less

@@ -0,0 +1,209 @@
+@view-login-box-height: 700px;
+@view-login-box-width: 1625px;
+
+.zt-view-login {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    color: var(--zartd-text-color-positive);
+    background: var(--zartd-view-login-background-image) no-repeat center;
+    background-size: 100% 100%;
+
+    > .login-box {
+        position: relative;
+        width: @view-login-box-width;
+        height: @view-login-box-height;
+
+        > .ant-carousel {
+            width: 100%;
+            height: 100%;
+            border-radius: 16px;
+            box-shadow: 0 15px 20px 0 var(--zartd-view-login-carousel-box-shadow-color);
+        }
+
+        .slick-list {
+            border-radius: 16px;
+        }
+
+        .carousel-content {
+            width: @view-login-box-height;
+            height: @view-login-box-height;
+
+            .login-box-bg {
+                width: 100%;
+                height: 100%;
+                background-position: center;
+                background-size: 100% 100%;
+
+                &.one {
+                    background-image: var(--zartd-view-login-banner-one-background-image);
+                }
+
+                &.two {
+                    background-image: var(--zartd-view-login-banner-two-background-image);
+                }
+
+                &.three {
+                    background-image: var(--zartd-view-login-banner-three-background-image);
+                }
+            }
+        }
+
+        .slick-dots {
+            bottom: -100px;
+
+            :root[theme-size='large'] & {
+                bottom: -60px;
+            }
+
+            > li {
+                button {
+                    background: var(--zartd-view-login-carousel-dots-button-background);
+                }
+
+                &.slick-active,
+                &:hover {
+                    button {
+                        background-image: var(--zartd-view-login-carousel-dots-button-active-background-image);
+                        box-shadow: var(--zartd-view-login-carousel-dots-button-active-box-shadow);
+                    }
+                }
+            }
+        }
+
+        > .login-content {
+            position: absolute;
+            top: 0;
+            right: 0;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            width: @view-login-box-height;
+            height: @view-login-box-height;
+            background: var(--zartd-view-login-content-background);
+            border-radius: 0 16px 16px 0;
+            backdrop-filter: blur(5px);
+
+            .login-title {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-bottom: 40px;
+                padding: 20px;
+
+                .sys-logo {
+                    flex-shrink: 0;
+                    width: 110px;
+                    margin-right: 20px;
+
+                    img {
+                        position: relative;
+                        width: 100%;
+                        max-width: 100%;
+                        height: 100%;
+                        max-height: 100%;
+                        object-fit: contain;
+                    }
+                }
+
+                .sys-title {
+                    font-weight: 600;
+                    font-size: 58px;
+                    letter-spacing: 10px;
+                }
+            }
+
+            .login-form {
+                width: 410px;
+
+                .ant-form-item {
+                    margin-bottom: 0;
+
+                    &:last-child {
+                        margin-top: 40px;
+                    }
+                }
+
+                &-button {
+                    width: 100%;
+                    height: 60px;
+                    color: var(--zartd-text-color-positive);
+                    font-weight: 600;
+                    font-size: 28px;
+                    border: 2px solid var(--zartd-text-color-positive);
+                    border-radius: 30px;
+                }
+
+                &-item-input {
+                    height: 90px;
+
+                    .ant-form-item-explain {
+                        font-size: 16px;
+                        line-height: 25px;
+                    }
+
+                    .ant-form-item-control-input-content {
+                        border-bottom: 1px solid var(--zartd-view-login-form-input-border-color);
+                    }
+                }
+
+                .ant-input {
+                    padding: 0;
+                    color: var(--zartd-text-color-positive);
+                    font-weight: 600;
+                    font-size: 24px;
+                    line-height: 45px;
+                    letter-spacing: 0;
+
+                    &::placeholder {
+                        color: var(--zartd-text-color-positive);
+                    }
+                }
+
+                .ant-input-suffix {
+                    margin-left: 10px;
+                    font-size: 20px;
+
+                    .ant-input-password-icon {
+                        color: var(--zartd-text-color-positive);
+                    }
+                }
+
+                .ant-input-password {
+                    padding: 0;
+                    color: var(--zartd-text-color-positive);
+                }
+
+                .ant-checkbox-wrapper {
+                    height: 42px;
+                    color: var(--zartd-text-color-positive);
+                    font-size: 24px;
+
+                    .ant-checkbox {
+                        font-size: 28px;
+
+                        input[type='checkbox'] {
+                            width: 28px;
+                            height: 28px;
+                        }
+
+                        .ant-checkbox-inner {
+                            width: 28px;
+                            height: 28px;
+                            background-color: transparent;
+                            border: 1px solid var(--zartd-view-login-form-input-border-color);
+
+                            &::after {
+                                width: 10px;
+                                height: 16.667px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/es/view-login/view-login.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<{
+    appTitle: {
+        type: StringConstructor;
+        required: true;
+    };
+    logoSrc: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    imgs: string[];
+    form: {
+        username: string;
+        password: string;
+        remember: boolean;
+    };
+    loading: import("vue").Ref<boolean>;
+    onFinish: (values: {
+        username: string;
+        password: string;
+        remember: boolean;
+    }) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appTitle: {
+        type: StringConstructor;
+        required: true;
+    };
+    logoSrc: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;