zartd 0.0.10

package/es/side-menu/side-sub-menu.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, normalizeClass, Fragment, renderList } from 'vue';
+import { SubMenu } from 'ant-design-vue/es';
+import ZtSideMenuItem from './side-menu-item.vue.js';
+import _export_sfc from '../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = defineComponent({
+  name: "ZtSideSubMenu",
+  components: {
+    ASubMenu: SubMenu,
+    ZtSideMenuItem
+  },
+  props: {
+    menu: { type: Object, required: true }
+  }
+});
+const _hoisted_1 = {
+  key: 1,
+  class: "zt-iconfont zt-icon-document"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b;
+  const _component_zt_side_sub_menu = resolveComponent("zt-side-sub-menu");
+  const _component_zt_side_menu_item = resolveComponent("zt-side-menu-item");
+  const _component_a_sub_menu = resolveComponent("a-sub-menu");
+  return openBlock(), createBlock(_component_a_sub_menu, {
+    key: _ctx.menu.name,
+    title: (_b = (_a = _ctx.menu.meta) == null ? void 0 : _a.title) != null ? _b : ""
+  }, {
+    icon: withCtx(() => {
+      var _a2, _b2;
+      return [
+        ((_a2 = _ctx.menu.meta) == null ? void 0 : _a2.icon) ? (openBlock(), createElementBlock("i", {
+          key: 0,
+          class: normalizeClass(["iconfont", (_b2 = _ctx.menu.meta) == null ? void 0 : _b2.icon])
+        }, null, 2)) : (openBlock(), createElementBlock("i", _hoisted_1))
+      ];
+    }),
+    default: withCtx(() => {
+      var _a2;
+      return [
+        (openBlock(true), createElementBlock(Fragment, null, renderList((_a2 = _ctx.menu.meta) == null ? void 0 : _a2.children, (child) => {
+          var _a3, _b2;
+          return openBlock(), createElementBlock(Fragment, {
+            key: child.name
+          }, [
+            ((_a3 = child.meta) == null ? void 0 : _a3.children) && ((_b2 = child.meta) == null ? void 0 : _b2.children.length) > 0 ? (openBlock(), createBlock(_component_zt_side_sub_menu, {
+              key: 0,
+              menu: child
+            }, null, 8, ["menu"])) : (openBlock(), createBlock(_component_zt_side_menu_item, {
+              key: 1,
+              menu: child
+            }, null, 8, ["menu"]))
+          ], 64);
+        }), 128))
+      ];
+    }),
+    _: 1
+  }, 8, ["title"]);
+}
+var ZtSideSubMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/side-menu/side-sub-menu.vue"]]);
+
+export { ZtSideSubMenu as default };

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

@@ -0,0 +1,16 @@
+.zt-side-menu {
+  position: relative;
+  height: 100%;
+}
+.zt-side-menu > .ant-menu {
+  width: 220px;
+  height: 100%;
+}
+.zt-side-menu > .ant-menu.is-collapsed {
+  width: 56px;
+}
+.zt-side-menu > .ant-menu-inline .ant-menu-submenu .ant-menu-sub .ant-menu-item .ant-menu-item-icon,
+.zt-side-menu > .ant-menu-inline .ant-menu-submenu .ant-menu-sub .ant-menu-submenu-title .ant-menu-item-icon {
+  min-width: 10px;
+  visibility: hidden;
+}

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

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

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

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

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

@@ -0,0 +1,25 @@
+.zt-side-menu {
+    position: relative;
+    height: 100%;
+
+    > .ant-menu {
+        width: 220px;
+        height: 100%;
+
+        &.is-collapsed {
+            width: 56px;
+        }
+
+        &-inline {
+            .ant-menu-submenu {
+                .ant-menu-sub {
+                    .ant-menu-item .ant-menu-item-icon,
+                    .ant-menu-submenu-title .ant-menu-item-icon {
+                        min-width: 10px;
+                        visibility: hidden;
+                    }
+                }
+            }
+        }
+    }
+}

package/es/spread-navigation/index.d.ts

@@ -0,0 +1,32 @@
+export type { ZtSpreadNav, ZtSpreadNavChild } from './types';
+export declare const ZtSpreadNavigation: import("@ega/utils").SFCWithInstall<import("vue").DefineComponent<{
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mocks: {
+        type: import("vue").PropType<import("./types").ZtSpreadNav[]>;
+        default: () => never[];
+    };
+}, {
+    selectedKey: import("vue").Ref<string | undefined>;
+    routeChange: (item: {
+        title: string;
+        route: string;
+    }) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggle"[], "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mocks: {
+        type: import("vue").PropType<import("./types").ZtSpreadNav[]>;
+        default: () => never[];
+    };
+}>> & {
+    onToggle?: ((...args: any[]) => any) | undefined;
+}, {
+    collapsed: boolean;
+    mocks: import("./types").ZtSpreadNav[];
+}>>;
+export default ZtSpreadNavigation;

package/es/spread-navigation/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '@ega/utils';
+import SpreadNavigation from './spread-navigation.vue.js';
+
+const ZtSpreadNavigation = withInstall(SpreadNavigation);
+
+export { ZtSpreadNavigation, ZtSpreadNavigation as default };

package/es/spread-navigation/spread-navigation.vue.d.ts

@@ -0,0 +1,33 @@
+import { type PropType } from 'vue';
+import type { ZtSpreadNav } from './types';
+declare const _default: import("vue").DefineComponent<{
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mocks: {
+        type: PropType<ZtSpreadNav[]>;
+        default: () => never[];
+    };
+}, {
+    selectedKey: import("vue").Ref<string | undefined>;
+    routeChange: (item: {
+        title: string;
+        route: string;
+    }) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggle"[], "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mocks: {
+        type: PropType<ZtSpreadNav[]>;
+        default: () => never[];
+    };
+}>> & {
+    onToggle?: ((...args: any[]) => any) | undefined;
+}, {
+    collapsed: boolean;
+    mocks: ZtSpreadNav[];
+}>;
+export default _default;

package/es/spread-navigation/spread-navigation.vue.js

@@ -0,0 +1,71 @@
+import { defineComponent, ref, createElementVNode, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString, normalizeStyle, createCommentVNode } from 'vue';
+import _export_sfc from '../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = defineComponent({
+  name: "ZtSpreadNavigation",
+  props: {
+    collapsed: { type: Boolean, default: false },
+    mocks: { type: Array, default: () => [] }
+  },
+  emits: ["toggle"],
+  setup(props, { emit }) {
+    const selectedKey = ref();
+    function routeChange(item) {
+      selectedKey.value = item.title;
+      emit("toggle");
+      console.log(item);
+    }
+    return {
+      selectedKey,
+      routeChange
+    };
+  }
+});
+const _hoisted_1 = { class: "zt-navigation-left" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "zt-navigation-title" }, "\u5E38\u7528\u5E94\u7528", -1);
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "zt-navigation-right" };
+const _hoisted_5 = { class: "zt-navigation-title" };
+const _hoisted_6 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.mocks.length > 0 ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(["zt-spread-navigation", { "zt-spread-navigation-open": _ctx.collapsed }])
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      _hoisted_2,
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.mocks[0].children, (item) => {
+        return openBlock(), createElementBlock("div", {
+          key: item.title,
+          class: normalizeClass(["zt-navigation-item", { "zt-navigation-item-active": item.title === _ctx.selectedKey }]),
+          onClick: ($event) => _ctx.routeChange(item)
+        }, toDisplayString(item.title), 11, _hoisted_3);
+      }), 128))
+    ]),
+    createElementVNode("div", _hoisted_4, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.mocks.filter((g, i) => i > 0), (item) => {
+        return openBlock(), createElementBlock("div", {
+          key: item.title,
+          class: "zt-navigation-wrap"
+        }, [
+          createElementVNode("div", _hoisted_5, toDisplayString(item.title), 1),
+          createElementVNode("div", {
+            class: "zt-navigation-content",
+            style: normalizeStyle({ "column-count": Math.ceil(item.children.length / 10) })
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (item2) => {
+              return openBlock(), createElementBlock("div", {
+                key: item2.title,
+                class: normalizeClass(["zt-navigation-item", { "zt-navigation-item-active": item2.title === _ctx.selectedKey }]),
+                onClick: ($event) => _ctx.routeChange(item2)
+              }, toDisplayString(item2.title), 11, _hoisted_6);
+            }), 128))
+          ], 4)
+        ]);
+      }), 128))
+    ])
+  ], 2)) : createCommentVNode("v-if", true);
+}
+var SpreadNavigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/spread-navigation/spread-navigation.vue"]]);
+
+export { SpreadNavigation as default };

package/es/spread-navigation/style/index.css

@@ -0,0 +1,64 @@
+.zt-spread-navigation {
+  position: absolute;
+  top: 50px;
+  display: flex;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  background: var(--zartd-body-background);
+  box-shadow: var(--zartd-spread-navigation-box-shadow);
+  transition: all 0.3s;
+}
+.zt-spread-navigation .zt-navigation-left {
+  width: 176px;
+  height: 100%;
+  padding-top: 20px;
+  text-align: center;
+  background: var(--zartd-spread-navigation-background-image) no-repeat;
+  background-size: 100%;
+}
+.zt-spread-navigation .zt-navigation-right {
+  display: flex;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+  width: calc(100% - 176px);
+  height: 100%;
+  padding: 20px 32px;
+  overflow-y: scroll;
+}
+.zt-spread-navigation .zt-navigation-right .zt-navigation-wrap {
+  width: auto;
+  margin: 0 100px 40px 0;
+}
+.zt-spread-navigation .zt-navigation-right .zt-navigation-wrap .zt-navigation-content {
+  height: auto;
+  column-count: 3;
+  column-gap: 40px;
+}
+.zt-spread-navigation .zt-navigation-right::-webkit-scrollbar {
+  background: transparent;
+}
+.zt-spread-navigation .zt-navigation-title {
+  margin-bottom: 20px;
+  color: var(--zartd-text-color-8);
+  font-weight: 600;
+  letter-spacing: 0.35px;
+}
+.zt-spread-navigation .zt-navigation-item {
+  min-width: 60px;
+  margin-bottom: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  letter-spacing: 0.35px;
+  cursor: pointer;
+}
+.zt-spread-navigation .zt-navigation-item:hover {
+  color: var(--zartd-primary-color);
+}
+.zt-spread-navigation .zt-navigation-item-active {
+  color: var(--zartd-primary-color);
+  font-weight: 600;
+}
+.zt-spread-navigation-open {
+  height: 440px;
+}

package/es/spread-navigation/style/index.d.ts

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

package/es/spread-navigation/style/index.js

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

package/es/spread-navigation/style/index.less

@@ -0,0 +1,74 @@
+.zt-spread-navigation {
+    position: absolute;
+    top: 50px;
+    display: flex;
+    width: 100%;
+    height: 0;
+    overflow: hidden;
+    background: var(--zartd-body-background);
+    box-shadow: var(--zartd-spread-navigation-box-shadow);
+    transition: all 0.3s;
+
+    .zt-navigation-left {
+        width: 176px;
+        height: 100%;
+        padding-top: 20px;
+        text-align: center;
+        background: var(--zartd-spread-navigation-background-image) no-repeat;
+        background-size: 100%;
+    }
+
+    .zt-navigation-right {
+        display: flex;
+        flex-wrap: wrap;
+        box-sizing: border-box;
+        width: calc(100% - 176px);
+        height: 100%;
+        padding: 20px 32px;
+        overflow-y: scroll;
+
+        .zt-navigation-wrap {
+            width: auto;
+            margin: 0 100px 40px 0;
+
+            .zt-navigation-content {
+                height: auto;
+                column-count: 3;
+                column-gap: 40px;
+            }
+        }
+
+        &::-webkit-scrollbar {
+            background: transparent;
+        }
+    }
+
+    .zt-navigation-title {
+        margin-bottom: 20px;
+        color: var(--zartd-text-color-8);
+        font-weight: 600;
+        letter-spacing: 0.35px;
+    }
+
+    .zt-navigation-item {
+        min-width: 60px;
+        margin-bottom: 14px;
+        font-weight: 400;
+        line-height: 20px;
+        letter-spacing: 0.35px;
+        cursor: pointer;
+
+        &:hover {
+            color: var(--zartd-primary-color);
+        }
+    }
+
+    .zt-navigation-item-active {
+        color: var(--zartd-primary-color);
+        font-weight: 600;
+    }
+
+    &-open {
+        height: 440px;
+    }
+}

package/es/spread-navigation/types.d.ts

@@ -0,0 +1,9 @@
+export interface ZtSpreadNavChild {
+    title: string;
+    route: string;
+}
+export interface ZtSpreadNav {
+    title: string;
+    route: string;
+    children: ZtSpreadNavChild[];
+}

package/es/spread-navigation/types.js

@@ -0,0 +1 @@
+

package/es/style/core.less

@@ -0,0 +1,2 @@
+@import './variable.less';
+@import './global.less';

package/es/style/fonts/din/din.css

@@ -0,0 +1,4 @@
+@font-face {
+    font-family: 'DIN';
+    src: url('din-alternate-bold.ttf') format('truetype');
+}