zartd 0.0.10

package/dist/index.js

@@ -0,0 +1,1413 @@
+/*! zartd v0.0.10 */
+
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@ega/utils'), require('vue'), require('ant-design-vue'), require('qs'), require('@ega/hooks'), require('ant-design-vue/es'), require('@vueuse/core'), require('vue-router'), require('pinia')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@ega/utils', 'vue', 'ant-design-vue', 'qs', '@ega/hooks', 'ant-design-vue/es', '@vueuse/core', 'vue-router', 'pinia'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.zartd = {}, global.EgaUtils, global.Vue, global.antd, global.Qs, global.EgaHooks, global.antd, global.VueuseCore, global.VueRouter, global.Pinia));
+})(this, (function (exports, utils, vue, antDesignVue, qs, hooks, es, core, vueRouter, pinia) { 'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  var qs__default = /*#__PURE__*/_interopDefaultLegacy(qs);
+
+  var _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+
+  const _sfc_main$h = vue.defineComponent({
+    name: "ZtCollapseButton",
+    props: {
+      direction: { type: String, default: "horizontal" },
+      collapsed: { type: Boolean, default: false },
+      storageKey: { type: String, default: "" },
+      alwaysVisible: { type: Boolean, default: false }
+    },
+    emits: ["update:collapsed"],
+    setup(props, { emit }) {
+      function toggle() {
+        emit("update:collapsed", !props.collapsed);
+      }
+      vue.watch(
+        () => props.collapsed,
+        (val) => {
+          if (props.storageKey) {
+            utils.storage.set(props.storageKey, val);
+          }
+        }
+      );
+      vue.onBeforeMount(() => {
+        if (props.storageKey) {
+          utils.storage.get(props.storageKey).then((value) => {
+            emit("update:collapsed", value != null ? value : false);
+          });
+        }
+      });
+      return {
+        toggle
+      };
+    }
+  });
+  const _hoisted_1$d = /* @__PURE__ */ vue.createElementVNode("i", { class: "base-iconfont base-icon-triangle" }, null, -1);
+  const _hoisted_2$7 = [
+    _hoisted_1$d
+  ];
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", {
+      class: vue.normalizeClass(["zt-collapse-button", `direction-${_ctx.direction}`])
+    }, [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(["animate__animated", [{ "is-collapse": _ctx.collapsed, "is-always-visible": _ctx.alwaysVisible }]]),
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggle && _ctx.toggle(...args))
+      }, _hoisted_2$7, 2)
+    ], 2);
+  }
+  var CollapseButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/collapse-button/collapse-button.vue"]]);
+
+  const ZtCollapseButton = utils.withInstall(CollapseButton);
+
+  const _sfc_main$g = vue.defineComponent({
+    name: "ZtEmpty",
+    props: {
+      description: { type: String, default: "" }
+    }
+  });
+  const _hoisted_1$c = { class: "zt-empty" };
+  const _hoisted_2$6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "zt-empty-img" }, null, -1);
+  const _hoisted_3$6 = { class: "zt-empty-description" };
+  const _hoisted_4$5 = { key: 1 };
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+      _hoisted_2$6,
+      vue.createElementVNode("div", _hoisted_3$6, [
+        _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$5, vue.toDisplayString(_ctx.description || "\u6682\u65E0\u6570\u636E"), 1))
+      ])
+    ]);
+  }
+  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/empty/index.vue"]]);
+
+  const ZtEmpty = utils.withInstall(Empty);
+
+  const _sfc_main$f = vue.defineComponent({
+    name: "ZtIframe",
+    props: {
+      src: { type: String, default: "" }
+    },
+    setup(props) {
+      const loading = vue.ref(true);
+      const href = vue.ref();
+      vue.watch(
+        () => props.src,
+        (val) => {
+          loading.value = true;
+          href.value = val;
+          setTimeout(() => {
+            loading.value = false;
+          }, 500);
+        }
+      );
+      return {
+        loading,
+        href
+      };
+    }
+  });
+  const _hoisted_1$b = ["src"];
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_a_spin = vue.resolveComponent("a-spin");
+    return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "zt-iframe" }, _ctx.$attrs), [
+      _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_a_spin, { key: 0 })) : (vue.openBlock(), vue.createElementBlock("iframe", {
+        key: 1,
+        scrolling: "no",
+        frameBorder: "0",
+        src: _ctx.href
+      }, null, 8, _hoisted_1$b))
+    ], 16);
+  }
+  var Iframe = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/iframe/iframe.vue"]]);
+
+  const ZtIframe = utils.withInstall(Iframe);
+
+  var __defProp = Object.defineProperty;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __async$4 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
+  const _sfc_main$e = vue.defineComponent({
+    name: "ZtIframeWithToken",
+    props: {
+      src: { type: String, default: "" }
+    },
+    setup(props) {
+      const { global } = hooks.useGlobal();
+      const href = vue.ref();
+      vue.watch(
+        () => props.src,
+        (val) => __async$4(this, null, function* () {
+          try {
+            if (!val) {
+              throw new Error(val);
+            }
+            const accessToken = yield global == null ? void 0 : global.$storage.get("auth-access-token");
+            const token = { cas_type: "v22", cas_token: accessToken };
+            const url = new URL(val, window.location.origin);
+            let { origin, pathname, hash, search } = url;
+            if (hash.includes("?")) {
+              const r = hash.split(/(#.*)(\?.*)/g);
+              for (const s of r) {
+                if (s.startsWith("#")) {
+                  hash = s;
+                } else if (s.startsWith("?")) {
+                  search = s;
+                }
+              }
+            }
+            const query = qs__default["default"].parse(search, { ignoreQueryPrefix: true });
+            const searchWithToken = qs__default["default"].stringify(__spreadValues(__spreadValues({}, query), token), { addQueryPrefix: true });
+            const src = `${origin}${pathname}${hash}${searchWithToken}`;
+            console.log("\u8BBF\u95EE\u94FE\u63A5", { src });
+            href.value = src;
+          } catch (error) {
+            console.log(error);
+            antDesignVue.message.error(`\u94FE\u63A5${val ? ` ${val} ` : ""}\u9519\u8BEF\uFF0C\u8BF7\u914D\u7F6E\u5408\u6CD5\u7684 URL\uFF01`);
+          }
+        })
+      );
+      return {
+        href
+      };
+    }
+  });
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_zt_iframe = vue.resolveComponent("zt-iframe");
+    return vue.openBlock(), vue.createBlock(_component_zt_iframe, vue.mergeProps({ class: "zt-iframe-with-token" }, _ctx.$attrs, { src: _ctx.href }), null, 16, ["src"]);
+  }
+  var IframeWithToken = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/iframe-with-token/iframe-with-token.vue"]]);
+
+  const ZtIframeWithToken = utils.withInstall(IframeWithToken);
+
+  var __async$3 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
+  const _sfc_main$d = vue.defineComponent({
+    name: "ZtLayoutHeaderMore",
+    components: {
+      AButton: es.Button,
+      APopover: es.Popover,
+      ASpace: es.Space
+    },
+    setup() {
+      const [themeVisible, themeToggle] = core.useToggle();
+      const { global } = hooks.useGlobal();
+      function handleSkinClick() {
+        themeToggle();
+      }
+      function handleLogoutClick() {
+        es.Modal.confirm({
+          title: "\u9000\u51FA\u767B\u5F55",
+          content: "\u662F\u5426\u786E\u8BA4\u9000\u51FA\u767B\u5F55?",
+          onOk() {
+            return __async$3(this, null, function* () {
+              yield global == null ? void 0 : global.$login.logout();
+            });
+          }
+        });
+      }
+      return {
+        themeVisible,
+        handleSkinClick,
+        handleLogoutClick
+      };
+    }
+  });
+  const _hoisted_1$a = { class: "zt-layout-header-more" };
+  const _hoisted_2$5 = /* @__PURE__ */ vue.createElementVNode("i", { class: "base-iconfont base-icon-more" }, null, -1);
+  const _hoisted_3$5 = /* @__PURE__ */ vue.createElementVNode("i", { class: "base-iconfont base-icon-user" }, null, -1);
+  const _hoisted_4$4 = /* @__PURE__ */ vue.createTextVNode(" \u4E2A\u4EBA\u4E2D\u5FC3 ");
+  const _hoisted_5$3 = /* @__PURE__ */ vue.createElementVNode("i", { class: "base-iconfont base-icon-skin" }, null, -1);
+  const _hoisted_6$2 = /* @__PURE__ */ vue.createTextVNode(" \u4E3B\u9898\u8BBE\u7F6E ");
+  const _hoisted_7$1 = /* @__PURE__ */ vue.createElementVNode("i", { class: "base-iconfont base-icon-config" }, null, -1);
+  const _hoisted_8$1 = /* @__PURE__ */ vue.createTextVNode(" \u7CFB\u7EDF\u8BBE\u7F6E ");
+  const _hoisted_9$1 = /* @__PURE__ */ vue.createElementVNode("i", { class: "base-iconfont base-icon-info-about" }, null, -1);
+  const _hoisted_10$1 = /* @__PURE__ */ vue.createTextVNode(" \u5173\u4E8E\u6211\u4EEC ");
+  const _hoisted_11$1 = /* @__PURE__ */ vue.createElementVNode("i", { class: "base-iconfont base-icon-logout" }, null, -1);
+  const _hoisted_12 = /* @__PURE__ */ vue.createTextVNode(" \u6CE8\u9500 ");
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_a_button = vue.resolveComponent("a-button");
+    const _component_a_space = vue.resolveComponent("a-space");
+    const _component_a_popover = vue.resolveComponent("a-popover");
+    const _component_zt_modal_theme = vue.resolveComponent("zt-modal-theme");
+    return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+      vue.createElementVNode("div", _hoisted_1$a, [
+        vue.createVNode(_component_a_popover, { placement: "bottomRight" }, {
+          content: vue.withCtx(() => [
+            vue.createVNode(_component_a_space, {
+              direction: "vertical",
+              size: 0
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_a_button, {
+                  class: "zt-layout-header-more-button",
+                  type: "text"
+                }, {
+                  icon: vue.withCtx(() => [
+                    _hoisted_3$5
+                  ]),
+                  default: vue.withCtx(() => [
+                    _hoisted_4$4
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_a_button, {
+                  class: "zt-layout-header-more-button",
+                  type: "text",
+                  onClick: _ctx.handleSkinClick
+                }, {
+                  icon: vue.withCtx(() => [
+                    _hoisted_5$3
+                  ]),
+                  default: vue.withCtx(() => [
+                    _hoisted_6$2
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                vue.createVNode(_component_a_button, {
+                  class: "zt-layout-header-more-button",
+                  type: "text"
+                }, {
+                  icon: vue.withCtx(() => [
+                    _hoisted_7$1
+                  ]),
+                  default: vue.withCtx(() => [
+                    _hoisted_8$1
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_a_button, {
+                  class: "zt-layout-header-more-button",
+                  type: "text"
+                }, {
+                  icon: vue.withCtx(() => [
+                    _hoisted_9$1
+                  ]),
+                  default: vue.withCtx(() => [
+                    _hoisted_10$1
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_a_button, {
+                  class: "zt-layout-header-more-button button-logout",
+                  type: "text",
+                  onClick: _ctx.handleLogoutClick
+                }, {
+                  icon: vue.withCtx(() => [
+                    _hoisted_11$1
+                  ]),
+                  default: vue.withCtx(() => [
+                    _hoisted_12
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          default: vue.withCtx(() => [
+            _hoisted_2$5
+          ]),
+          _: 1
+        })
+      ]),
+      vue.createVNode(_component_zt_modal_theme, {
+        visible: _ctx.themeVisible,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.themeVisible = $event)
+      }, null, 8, ["visible"])
+    ], 64);
+  }
+  var LayoutHeaderMore = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/layout-header-more/layout-header-more.vue"]]);
+
+  const ZtLayoutHeaderMore = utils.withInstall(LayoutHeaderMore);
+
+  const _sfc_main$c = vue.defineComponent({
+    name: "ZtLayoutNavs",
+    components: {
+      ATabs: es.Tabs,
+      ATabPane: es.TabPane
+    },
+    setup() {
+      const router = vueRouter.useRouter();
+      const navStore = hooks.useNavStore();
+      const visible = vue.ref(false);
+      const activeTabKey = vue.computed(() => navStore.getNavKey(navStore.nav));
+      function handleTabClick(activeKey) {
+        if (typeof activeKey === "string" && activeTabKey.value !== activeKey) {
+          const currentNav = navStore.findNavByKey(activeKey);
+          if (currentNav) {
+            router.push(currentNav);
+          }
+        }
+      }
+      const handleTabEdit = (targetKey) => {
+        if (typeof targetKey === "string") {
+          const nextNav = navStore.removeByKey(targetKey);
+          if (nextNav) {
+            if (!navStore.isEquals(nextNav)) {
+              router.push(nextNav);
+            }
+          }
+        }
+      };
+      vue.watch(
+        () => navStore.nav,
+        (val) => {
+          var _a;
+          const show = !!((_a = val == null ? void 0 : val.meta) == null ? void 0 : _a.tab);
+          if (show) {
+            visible.value = show;
+          } else {
+            visible.value = show;
+          }
+        }
+      );
+      return {
+        visible,
+        navStore,
+        activeTabKey,
+        handleTabClick,
+        handleTabEdit
+      };
+    }
+  });
+  const _hoisted_1$9 = { class: "zt-layout-navs" };
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_a_tab_pane = vue.resolveComponent("a-tab-pane");
+    const _component_a_tabs = vue.resolveComponent("a-tabs");
+    return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+      vue.createVNode(_component_a_tabs, {
+        activeKey: _ctx.activeTabKey,
+        "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => _ctx.activeTabKey = $event),
+        "hide-add": "",
+        type: "editable-card",
+        onTabClick: _ctx.handleTabClick,
+        onEdit: _ctx.handleTabEdit
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navStore.navs, (nav) => {
+            return vue.openBlock(), vue.createBlock(_component_a_tab_pane, {
+              key: _ctx.navStore.getNavKey(nav),
+              tab: nav.meta.title,
+              closable: _ctx.navStore.navs && _ctx.navStore.navs.length > 1 && nav.meta.tabClosable
+            }, null, 8, ["tab", "closable"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["activeKey", "onTabClick", "onEdit"])
+    ], 512)), [
+      [vue.vShow, _ctx.visible]
+    ]);
+  }
+  var LayoutNavs = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/layout-navs/layout-navs.vue"]]);
+
+  const ZtLayoutNavs = utils.withInstall(LayoutNavs);
+
+  var __async$2 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
+  const colors = [
+    { value: "light", text: "\u9752\u51FA\u4E8E\u84DD" },
+    { value: "dark", text: "\u5343\u5CA9\u7ADE\u79C0" },
+    { value: "gov", text: "\u7EA2\u65D7\u62DB\u5C55" }
+  ];
+  const sizes = [
+    { value: "large", text: "\u5927" },
+    { value: "middle", text: "\u4E2D" },
+    { value: "small", text: "\u5C0F" }
+  ];
+  const _sfc_main$b = vue.defineComponent({
+    name: "ZtModalTheme",
+    components: {
+      AModal: es.Modal,
+      AForm: es.Form,
+      AFormItem: es.FormItem,
+      ARadio: es.Radio,
+      ARadioGroup: es.RadioGroup
+    },
+    props: {
+      title: { type: String, default: "\u4E3B\u9898\u8BBE\u7F6E" },
+      visible: { type: Boolean, default: false }
+    },
+    emits: ["update:visible", "ok"],
+    setup(props, { emit }) {
+      const themeStore = hooks.useThemeStore();
+      const theme = pinia.storeToRefs(themeStore);
+      const { validate, validateInfos } = es.Form.useForm(theme, { color: [{ required: true }], size: [{ required: true }] });
+      function handleChangeColor(event) {
+        themeStore.changeColor(event.target.value);
+      }
+      function handleChangeSize(event) {
+        themeStore.changeSize(event.target.value);
+      }
+      function handleCancel() {
+        emit("update:visible", false);
+      }
+      function handleOk() {
+        return __async$2(this, null, function* () {
+          try {
+            const values = yield validate();
+            emit("update:visible", false);
+            emit("ok", values);
+          } catch (error) {
+            console.log(error);
+          }
+        });
+      }
+      return {
+        sizes,
+        colors,
+        theme,
+        validateInfos,
+        handleChangeColor,
+        handleChangeSize,
+        handleCancel,
+        handleOk
+      };
+    }
+  });
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_a_radio = vue.resolveComponent("a-radio");
+    const _component_a_radio_group = vue.resolveComponent("a-radio-group");
+    const _component_a_form_item = vue.resolveComponent("a-form-item");
+    const _component_a_form = vue.resolveComponent("a-form");
+    const _component_a_modal = vue.resolveComponent("a-modal");
+    return vue.openBlock(), vue.createBlock(_component_a_modal, {
+      visible: _ctx.visible,
+      class: "zt-modal-theme",
+      title: _ctx.title,
+      onCancel: _ctx.handleCancel,
+      onOk: _ctx.handleOk
+    }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_a_form, null, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_a_form_item, vue.mergeProps({ label: "\u5B57\u4F53\u5927\u5C0F" }, _ctx.validateInfos.size), {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_a_radio_group, {
+                  value: _ctx.theme.size,
+                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.theme.size = $event),
+                  onChange: _ctx.handleChangeSize
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.sizes, (size) => {
+                      return vue.openBlock(), vue.createBlock(_component_a_radio, {
+                        key: size.value,
+                        value: size.value
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(size.text), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["value", "onChange"])
+              ]),
+              _: 1
+            }, 16),
+            vue.createVNode(_component_a_form_item, vue.mergeProps({ label: "\u4E3B\u9898\u989C\u8272" }, _ctx.validateInfos.color), {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_a_radio_group, {
+                  value: _ctx.theme.color,
+                  "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.theme.color = $event),
+                  onChange: _ctx.handleChangeColor
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.colors, (color) => {
+                      return vue.openBlock(), vue.createBlock(_component_a_radio, {
+                        key: color.value,
+                        value: color.value
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(color.text), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["value", "onChange"])
+              ]),
+              _: 1
+            }, 16)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["visible", "title", "onCancel", "onOk"]);
+  }
+  var ModalTheme = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/modal-theme/modal-theme.vue"]]);
+
+  const ZtModalTheme = utils.withInstall(ModalTheme);
+
+  const _sfc_main$a = vue.defineComponent({
+    name: "ZtPanalBg",
+    props: {
+      padding: { type: Number, default: 20 }
+    },
+    setup(props) {
+      const zoomPadding = vue.ref(0);
+      vue.watchEffect(() => {
+        zoomPadding.value = (window.pageZoom || 1) * (props.padding || 0);
+      });
+      return {
+        zoomPadding
+      };
+    }
+  });
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("section", vue.mergeProps({ class: "zt-panal-bg" }, _ctx.$attrs), [
+      vue.createElementVNode("main", {
+        class: "zt-panal-bg-shadow",
+        style: vue.normalizeStyle({ padding: _ctx.zoomPadding + "px" })
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 4)
+    ], 16);
+  }
+  var PanalBg = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/panal-bg/panal-bg.vue"]]);
+
+  const ZtPanalBg = utils.withInstall(PanalBg);
+
+  const _sfc_main$9 = vue.defineComponent({
+    name: "ZtPanalTable",
+    emits: ["update:bodyHeight"],
+    setup(props, { emit }) {
+      const resizeObserver = vue.ref();
+      const dom = vue.ref(null);
+      const resize = core.useThrottleFn(() => {
+        if (!dom.value) {
+          return;
+        }
+        const domHeight = dom.value.offsetHeight || 0;
+        const domHeader = dom.value.querySelector(".ant-table-header");
+        if (!domHeader) {
+          return;
+        }
+        const headerHeight = domHeader.offsetHeight || 0;
+        const domPagination = dom.value.querySelector(".ant-pagination");
+        let paginationHeight = 0;
+        if (domPagination) {
+          const style = window.getComputedStyle(domPagination);
+          paginationHeight = domPagination.offsetHeight + (Number(style.marginTop.replace("px", "")) || 0);
+        }
+        const bodyHeight = domHeight - headerHeight - paginationHeight;
+        emit("update:bodyHeight", bodyHeight);
+      }, 500);
+      vue.onMounted(() => {
+        resizeObserver.value = new ResizeObserver(resize);
+        resizeObserver.value.observe(dom.value);
+      });
+      vue.onBeforeUnmount(() => {
+        resizeObserver.value.unobserve(dom.value);
+      });
+      return {
+        dom
+      };
+    }
+  });
+  const _hoisted_1$8 = { key: 0 };
+  const _hoisted_2$4 = {
+    key: 0,
+    class: "zt-panal-table-buttons"
+  };
+  const _hoisted_3$4 = {
+    key: 1,
+    class: "zt-panal-table-extra"
+  };
+  const _hoisted_4$3 = {
+    ref: "dom",
+    class: "zt-panal-table-main"
+  };
+  const _hoisted_5$2 = { key: 1 };
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("section", vue.mergeProps({ class: "zt-panal-table" }, _ctx.$attrs), [
+      _ctx.$slots.buttons || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$8, [
+        _ctx.$slots.buttons ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
+          vue.renderSlot(_ctx.$slots, "buttons")
+        ])) : vue.createCommentVNode("v-if", true),
+        _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [
+          vue.renderSlot(_ctx.$slots, "extra")
+        ])) : vue.createCommentVNode("v-if", true)
+      ])) : vue.createCommentVNode("v-if", true),
+      vue.createElementVNode("main", _hoisted_4$3, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 512),
+      _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_5$2, [
+        vue.renderSlot(_ctx.$slots, "footer")
+      ])) : vue.createCommentVNode("v-if", true)
+    ], 16);
+  }
+  var PanalTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/panal-table/panal-table.vue"]]);
+
+  const ZtPanalTable = utils.withInstall(PanalTable);
+
+  const _sfc_main$8 = vue.defineComponent({
+    name: "ZtProfileAvatar",
+    components: {
+      AImage: es.Image
+    },
+    props: {
+      name: { type: String, required: true },
+      photo: { type: String, default: void 0 },
+      photoId: { type: Number, default: void 0 },
+      direction: { type: String, default: "horizontal" }
+    },
+    setup(props) {
+      const avatarSrc = vue.ref();
+      vue.watchEffect(() => {
+        if (props.photo) {
+          avatarSrc.value = props.photo;
+        } else if (props.photoId) ;
+      });
+      return {
+        avatarSrc
+      };
+    }
+  });
+  const _hoisted_1$7 = { class: "zt-profile-avatar-photo" };
+  const _hoisted_2$3 = {
+    key: 1,
+    class: "base-iconfont base-icon-user"
+  };
+  const _hoisted_3$3 = { class: "zt-profile-avatar-name" };
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_a_image = vue.resolveComponent("a-image");
+    return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "zt-profile-avatar" }, _ctx.$attrs, {
+      class: `direction-${_ctx.direction}`
+    }), [
+      vue.createElementVNode("div", _hoisted_1$7, [
+        _ctx.avatarSrc ? (vue.openBlock(), vue.createBlock(_component_a_image, {
+          key: 0,
+          src: _ctx.avatarSrc,
+          "preview-mask": false
+        }, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("i", _hoisted_2$3))
+      ]),
+      vue.createElementVNode("div", _hoisted_3$3, vue.toDisplayString(_ctx.name), 1)
+    ], 16);
+  }
+  var ProfileAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/profile-avatar/profile-avatar.vue"]]);
+
+  const ZtProfileAvatar = utils.withInstall(ProfileAvatar);
+
+  const _sfc_main$7 = vue.defineComponent({
+    name: "ZtSideMenuItem",
+    components: {
+      AMenuItem: es.MenuItem
+    },
+    props: {
+      menu: { type: Object, required: true }
+    }
+  });
+  const _hoisted_1$6 = {
+    key: 1,
+    class: "zt-iconfont zt-icon-document"
+  };
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+    var _a, _b;
+    const _component_a_menu_item = vue.resolveComponent("a-menu-item");
+    return vue.openBlock(), vue.createBlock(_component_a_menu_item, {
+      key: _ctx.menu.name,
+      title: (_b = (_a = _ctx.menu.meta) == null ? void 0 : _a.title) != null ? _b : ""
+    }, {
+      icon: vue.withCtx(() => {
+        var _a2, _b2;
+        return [
+          ((_a2 = _ctx.menu.meta) == null ? void 0 : _a2.icon) ? (vue.openBlock(), vue.createElementBlock("i", {
+            key: 0,
+            class: vue.normalizeClass(["iconfont", (_b2 = _ctx.menu.meta) == null ? void 0 : _b2.icon])
+          }, null, 2)) : (vue.openBlock(), vue.createElementBlock("i", _hoisted_1$6))
+        ];
+      }),
+      default: vue.withCtx(() => {
+        var _a2, _b2;
+        return [
+          vue.createElementVNode("span", null, vue.toDisplayString((_b2 = (_a2 = _ctx.menu.meta) == null ? void 0 : _a2.title) != null ? _b2 : ""), 1)
+        ];
+      }),
+      _: 1
+    }, 8, ["title"]);
+  }
+  var ZtSideMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/side-menu/side-menu-item.vue"]]);
+
+  const _sfc_main$6 = vue.defineComponent({
+    name: "ZtSideSubMenu",
+    components: {
+      ASubMenu: es.SubMenu,
+      ZtSideMenuItem
+    },
+    props: {
+      menu: { type: Object, required: true }
+    }
+  });
+  const _hoisted_1$5 = {
+    key: 1,
+    class: "zt-iconfont zt-icon-document"
+  };
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+    var _a, _b;
+    const _component_zt_side_sub_menu = vue.resolveComponent("zt-side-sub-menu");
+    const _component_zt_side_menu_item = vue.resolveComponent("zt-side-menu-item");
+    const _component_a_sub_menu = vue.resolveComponent("a-sub-menu");
+    return vue.openBlock(), vue.createBlock(_component_a_sub_menu, {
+      key: _ctx.menu.name,
+      title: (_b = (_a = _ctx.menu.meta) == null ? void 0 : _a.title) != null ? _b : ""
+    }, {
+      icon: vue.withCtx(() => {
+        var _a2, _b2;
+        return [
+          ((_a2 = _ctx.menu.meta) == null ? void 0 : _a2.icon) ? (vue.openBlock(), vue.createElementBlock("i", {
+            key: 0,
+            class: vue.normalizeClass(["iconfont", (_b2 = _ctx.menu.meta) == null ? void 0 : _b2.icon])
+          }, null, 2)) : (vue.openBlock(), vue.createElementBlock("i", _hoisted_1$5))
+        ];
+      }),
+      default: vue.withCtx(() => {
+        var _a2;
+        return [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a2 = _ctx.menu.meta) == null ? void 0 : _a2.children, (child) => {
+            var _a3, _b2;
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+              key: child.name
+            }, [
+              ((_a3 = child.meta) == null ? void 0 : _a3.children) && ((_b2 = child.meta) == null ? void 0 : _b2.children.length) > 0 ? (vue.openBlock(), vue.createBlock(_component_zt_side_sub_menu, {
+                key: 0,
+                menu: child
+              }, null, 8, ["menu"])) : (vue.openBlock(), vue.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$6, [["render", _sfc_render$6], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/side-menu/side-sub-menu.vue"]]);
+
+  const _sfc_main$5 = vue.defineComponent({
+    name: "ZtSideMenu",
+    components: {
+      AMenu: es.Menu,
+      ZtSideSubMenu,
+      ZtSideMenuItem
+    },
+    props: {
+      menus: { type: [], default: [] },
+      collapseStorageKey: { type: String, default: "" }
+    },
+    setup() {
+      const { selectedKeys, handleMenuClick } = hooks.useMenu();
+      const collapsed = vue.ref(true);
+      return {
+        collapsed,
+        selectedKeys,
+        handleMenuClick
+      };
+    }
+  });
+  const _hoisted_1$4 = { class: "zt-side-menu" };
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_zt_side_sub_menu = vue.resolveComponent("zt-side-sub-menu");
+    const _component_zt_side_menu_item = vue.resolveComponent("zt-side-menu-item");
+    const _component_a_menu = vue.resolveComponent("a-menu");
+    const _component_zt_collapse_button = vue.resolveComponent("zt-collapse-button");
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+      vue.createVNode(_component_a_menu, {
+        selectedKeys: _ctx.selectedKeys,
+        "onUpdate:selectedKeys": _cache[0] || (_cache[0] = ($event) => _ctx.selectedKeys = $event),
+        mode: "inline",
+        "inline-indent": 12,
+        "inline-collapsed": _ctx.collapsed,
+        class: vue.normalizeClass({ "is-collapsed": _ctx.collapsed }),
+        onClick: _ctx.handleMenuClick
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menus, (menu) => {
+            var _a, _b;
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+              key: menu.name
+            }, [
+              ((_a = menu.meta) == null ? void 0 : _a.children) && ((_b = menu.meta) == null ? void 0 : _b.children.length) > 0 ? (vue.openBlock(), vue.createBlock(_component_zt_side_sub_menu, {
+                key: 0,
+                menu
+              }, null, 8, ["menu"])) : (vue.openBlock(), vue.createBlock(_component_zt_side_menu_item, {
+                key: 1,
+                menu
+              }, null, 8, ["menu"]))
+            ], 64);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["selectedKeys", "inline-collapsed", "class", "onClick"]),
+      vue.createVNode(_component_zt_collapse_button, {
+        collapsed: _ctx.collapsed,
+        "onUpdate:collapsed": _cache[1] || (_cache[1] = ($event) => _ctx.collapsed = $event),
+        direction: "vertical",
+        "storage-key": _ctx.collapseStorageKey
+      }, null, 8, ["collapsed", "storage-key"])
+    ]);
+  }
+  var SideMenu = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/side-menu/side-menu.vue"]]);
+
+  const ZtSideMenu = utils.withInstall(SideMenu);
+
+  const _sfc_main$4 = vue.defineComponent({
+    name: "ZtSpreadNavigation",
+    props: {
+      collapsed: { type: Boolean, default: false },
+      mocks: { type: Array, default: () => [] }
+    },
+    emits: ["toggle"],
+    setup(props, { emit }) {
+      const selectedKey = vue.ref();
+      function routeChange(item) {
+        selectedKey.value = item.title;
+        emit("toggle");
+        console.log(item);
+      }
+      return {
+        selectedKey,
+        routeChange
+      };
+    }
+  });
+  const _hoisted_1$3 = { class: "zt-navigation-left" };
+  const _hoisted_2$2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "zt-navigation-title" }, "\u5E38\u7528\u5E94\u7528", -1);
+  const _hoisted_3$2 = ["onClick"];
+  const _hoisted_4$2 = { class: "zt-navigation-right" };
+  const _hoisted_5$1 = { class: "zt-navigation-title" };
+  const _hoisted_6$1 = ["onClick"];
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+    return _ctx.mocks.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: vue.normalizeClass(["zt-spread-navigation", { "zt-spread-navigation-open": _ctx.collapsed }])
+    }, [
+      vue.createElementVNode("div", _hoisted_1$3, [
+        _hoisted_2$2,
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.mocks[0].children, (item) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: item.title,
+            class: vue.normalizeClass(["zt-navigation-item", { "zt-navigation-item-active": item.title === _ctx.selectedKey }]),
+            onClick: ($event) => _ctx.routeChange(item)
+          }, vue.toDisplayString(item.title), 11, _hoisted_3$2);
+        }), 128))
+      ]),
+      vue.createElementVNode("div", _hoisted_4$2, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.mocks.filter((g, i) => i > 0), (item) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: item.title,
+            class: "zt-navigation-wrap"
+          }, [
+            vue.createElementVNode("div", _hoisted_5$1, vue.toDisplayString(item.title), 1),
+            vue.createElementVNode("div", {
+              class: "zt-navigation-content",
+              style: vue.normalizeStyle({ "column-count": Math.ceil(item.children.length / 10) })
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.children, (item2) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: item2.title,
+                  class: vue.normalizeClass(["zt-navigation-item", { "zt-navigation-item-active": item2.title === _ctx.selectedKey }]),
+                  onClick: ($event) => _ctx.routeChange(item2)
+                }, vue.toDisplayString(item2.title), 11, _hoisted_6$1);
+              }), 128))
+            ], 4)
+          ]);
+        }), 128))
+      ])
+    ], 2)) : vue.createCommentVNode("v-if", true);
+  }
+  var SpreadNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/spread-navigation/spread-navigation.vue"]]);
+
+  const ZtSpreadNavigation = utils.withInstall(SpreadNavigation);
+
+  const _sfc_main$3 = vue.defineComponent({
+    name: "ZtSubTitle"
+  });
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "zt-sub-title" }, _ctx.$attrs), [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 16);
+  }
+  var SubTitle = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/sub-title/sub-title.vue"]]);
+
+  const ZtSubTitle = utils.withInstall(SubTitle);
+
+  const _sfc_main$2 = vue.defineComponent({
+    name: "ZtTopMenu",
+    components: {
+      AMenu: es.Menu,
+      AMenuItem: es.MenuItem
+    },
+    props: {
+      menus: { type: [], default: [] }
+    },
+    setup() {
+      const { selectedKeys, handleMenuClick } = hooks.useMenu();
+      return {
+        selectedKeys,
+        handleMenuClick
+      };
+    }
+  });
+  const _hoisted_1$2 = { class: "zt-top-menu" };
+  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_a_menu_item = vue.resolveComponent("a-menu-item");
+    const _component_a_menu = vue.resolveComponent("a-menu");
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+      vue.createVNode(_component_a_menu, {
+        selectedKeys: _ctx.selectedKeys,
+        "onUpdate:selectedKeys": _cache[0] || (_cache[0] = ($event) => _ctx.selectedKeys = $event),
+        mode: "horizontal",
+        onClick: _ctx.handleMenuClick
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menus, (menu) => {
+            var _a, _b;
+            return vue.openBlock(), vue.createBlock(_component_a_menu_item, {
+              key: menu.name,
+              title: (_b = (_a = menu.meta) == null ? void 0 : _a.title) != null ? _b : ""
+            }, {
+              default: vue.withCtx(() => {
+                var _a2, _b2;
+                return [
+                  vue.createElementVNode("span", null, vue.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$2, [["render", _sfc_render$2], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/top-menu/top-menu.vue"]]);
+
+  const ZtTopMenu = utils.withInstall(TopMenu);
+
+  var __async$1 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
+  const _sfc_main$1 = vue.defineComponent({
+    name: "ZtViewLogin",
+    components: {
+      AButton: es.Button,
+      ACarousel: es.Carousel,
+      ACheckbox: es.Checkbox,
+      AForm: es.Form,
+      AFormItem: es.FormItem,
+      AInput: es.Input,
+      AInputPassword: es.InputPassword
+    },
+    props: {
+      appTitle: { type: String, required: true },
+      logoSrc: { type: String, required: true }
+    },
+    setup() {
+      const { global } = hooks.useGlobal();
+      const imgs = ["one", "two", "three"];
+      const router = vueRouter.useRouter();
+      const form = vue.reactive({ username: "", password: "", remember: true });
+      const loading = vue.ref(false);
+      function onFinish(values) {
+        return __async$1(this, null, function* () {
+          loading.value = true;
+          try {
+            const { username, password } = values;
+            const res = yield global == null ? void 0 : global.$login.login(username, password);
+            if (res) {
+              router.push({ name: "home" });
+            }
+          } catch (error) {
+            console.log(error);
+          } finally {
+            loading.value = false;
+          }
+        });
+      }
+      return {
+        imgs,
+        form,
+        loading,
+        onFinish
+      };
+    }
+  });
+  const _hoisted_1$1 = { class: "zt-view-login" };
+  const _hoisted_2$1 = { class: "login-box" };
+  const _hoisted_3$1 = { class: "login-content" };
+  const _hoisted_4$1 = { class: "login-title" };
+  const _hoisted_5 = { class: "sys-logo" };
+  const _hoisted_6 = ["src"];
+  const _hoisted_7 = { class: "sys-title" };
+  const _hoisted_8 = { class: "c-header-title-text" };
+  const _hoisted_9 = { class: "login-form" };
+  const _hoisted_10 = /* @__PURE__ */ vue.createTextVNode("\u8BB0\u4F4F\u5BC6\u7801");
+  const _hoisted_11 = /* @__PURE__ */ vue.createTextVNode("\u767B\u5F55");
+  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_a_carousel = vue.resolveComponent("a-carousel");
+    const _component_a_input = vue.resolveComponent("a-input");
+    const _component_a_form_item = vue.resolveComponent("a-form-item");
+    const _component_a_input_password = vue.resolveComponent("a-input-password");
+    const _component_a_checkbox = vue.resolveComponent("a-checkbox");
+    const _component_a_button = vue.resolveComponent("a-button");
+    const _component_a_form = vue.resolveComponent("a-form");
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+      vue.createElementVNode("div", _hoisted_2$1, [
+        vue.createVNode(_component_a_carousel, { autoplay: "" }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.imgs, (img) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: img,
+                class: "carousel-content"
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(["login-box-bg", img])
+                }, null, 2)
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }),
+        vue.createElementVNode("div", _hoisted_3$1, [
+          vue.createElementVNode("div", _hoisted_4$1, [
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_6)
+            ]),
+            vue.createElementVNode("div", _hoisted_7, [
+              vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(_ctx.appTitle), 1)
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_9, [
+            vue.createVNode(_component_a_form, {
+              model: _ctx.form,
+              name: "basic",
+              autocomplete: "off",
+              onFinish: _ctx.onFinish
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_a_form_item, {
+                  class: "login-form-item-input",
+                  name: "username",
+                  rules: [{ required: true, message: "\u7528\u6237\u540D\u4E0D\u80FD\u4E3A\u7A7A" }]
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_a_input, {
+                      value: _ctx.form.username,
+                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.form.username = $event),
+                      bordered: false,
+                      placeholder: "\u7528\u6237\u540D"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_a_form_item, {
+                  class: "login-form-item-input",
+                  name: "password",
+                  rules: [{ required: true, message: "\u5BC6\u7801\u4E0D\u80FD\u4E3A\u7A7A" }]
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_a_input_password, {
+                      value: _ctx.form.password,
+                      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.form.password = $event),
+                      bordered: false,
+                      placeholder: "\u5BC6\u7801"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_a_form_item, { name: "remember" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_a_checkbox, {
+                      checked: _ctx.form.remember,
+                      "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => _ctx.form.remember = $event)
+                    }, {
+                      default: vue.withCtx(() => [
+                        _hoisted_10
+                      ]),
+                      _: 1
+                    }, 8, ["checked"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_a_form_item, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_a_button, {
+                      class: "login-form-button",
+                      ghost: "",
+                      "html-type": "submit",
+                      loading: _ctx.loading
+                    }, {
+                      default: vue.withCtx(() => [
+                        _hoisted_11
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model", "onFinish"])
+          ])
+        ])
+      ])
+    ]);
+  }
+  var ViewLogin = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/view-login/view-login.vue"]]);
+
+  const ZtViewLogin = utils.withInstall(ViewLogin);
+
+  class Service {
+    constructor(http) {
+      this.http = http;
+    }
+    getPageLayout(pageId) {
+      return this.http.get(`/unity/widget-page/${pageId}/layout`);
+    }
+  }
+
+  var __async = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
+  const _sfc_main = vue.defineComponent({
+    name: "ZtViewRecBox",
+    components: {
+      AButton: es.Button,
+      ATable: es.Table
+    },
+    props: {
+      pageId: { type: String, required: true }
+    },
+    setup(props) {
+      const { global } = hooks.useGlobal();
+      const service = new Service(global.$http);
+      vue.watchEffect(() => __async(this, null, function* () {
+        if (props.pageId) {
+          const res = yield service.getPageLayout(props.pageId);
+          console.log(res);
+        }
+      }));
+      return {};
+    }
+  });
+  const _hoisted_1 = { class: "zt-view-rec-box" };
+  const _hoisted_2 = /* @__PURE__ */ vue.createTextVNode("\u6309\u94AE");
+  const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode("\u6309\u94AE");
+  const _hoisted_4 = /* @__PURE__ */ vue.createTextVNode("\u6309\u94AE");
+  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_a_button = vue.resolveComponent("a-button");
+    const _component_a_table = vue.resolveComponent("a-table");
+    const _component_zt_panal_table = vue.resolveComponent("zt-panal-table");
+    const _component_zt_panal_bg = vue.resolveComponent("zt-panal-bg");
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      vue.createVNode(_component_zt_panal_bg, null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_zt_panal_table, null, {
+            buttons: vue.withCtx(() => [
+              vue.createVNode(_component_a_button, {
+                type: "primary",
+                ghost: ""
+              }, {
+                default: vue.withCtx(() => [
+                  _hoisted_2
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_a_button, { ghost: "" }, {
+                default: vue.withCtx(() => [
+                  _hoisted_3
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_a_button, {
+                danger: "",
+                ghost: ""
+              }, {
+                default: vue.withCtx(() => [
+                  _hoisted_4
+                ]),
+                _: 1
+              })
+            ]),
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_a_table, {
+                columns: [],
+                "data-source": []
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]);
+  }
+  var ViewRecBox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/view-rec-box/view-rec-box.vue"]]);
+
+  const ZtViewRecBox = utils.withInstall(ViewRecBox);
+
+  const components = [
+    ZtCollapseButton,
+    ZtEmpty,
+    ZtIframe,
+    ZtIframeWithToken,
+    ZtLayoutHeaderMore,
+    ZtLayoutNavs,
+    ZtModalTheme,
+    ZtPanalBg,
+    ZtPanalTable,
+    ZtProfileAvatar,
+    ZtSideMenu,
+    ZtSpreadNavigation,
+    ZtSubTitle,
+    ZtTopMenu,
+    ZtViewLogin,
+    ZtViewRecBox
+  ];
+  const install = (app) => {
+    for (const component of components) {
+      if (component.install) {
+        app.use(component);
+      }
+    }
+    return app;
+  };
+  var index = { install };
+
+  exports.ZtCollapseButton = ZtCollapseButton;
+  exports.ZtEmpty = ZtEmpty;
+  exports.ZtIframe = ZtIframe;
+  exports.ZtIframeWithToken = ZtIframeWithToken;
+  exports.ZtLayoutHeaderMore = ZtLayoutHeaderMore;
+  exports.ZtLayoutNavs = ZtLayoutNavs;
+  exports.ZtModalTheme = ZtModalTheme;
+  exports.ZtPanalBg = ZtPanalBg;
+  exports.ZtPanalTable = ZtPanalTable;
+  exports.ZtProfileAvatar = ZtProfileAvatar;
+  exports.ZtSideMenu = ZtSideMenu;
+  exports.ZtSpreadNavigation = ZtSpreadNavigation;
+  exports.ZtSubTitle = ZtSubTitle;
+  exports.ZtTopMenu = ZtTopMenu;
+  exports.ZtViewLogin = ZtViewLogin;
+  exports.ZtViewRecBox = ZtViewRecBox;
+  exports["default"] = index;
+  exports.install = install;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));