zartd 0.0.10

package/es/modal-theme/modal-theme.vue.js

@@ -0,0 +1,162 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
+import { Modal, Form, FormItem, Radio, RadioGroup } from 'ant-design-vue/es';
+import { storeToRefs } from 'pinia';
+import { useThemeStore } from '@ega/hooks';
+import _export_sfc from '../_virtual/plugin-vue_export-helper.js';
+
+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 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 = defineComponent({
+  name: "ZtModalTheme",
+  components: {
+    AModal: Modal,
+    AForm: Form,
+    AFormItem: FormItem,
+    ARadio: Radio,
+    ARadioGroup: RadioGroup
+  },
+  props: {
+    title: { type: String, default: "\u4E3B\u9898\u8BBE\u7F6E" },
+    visible: { type: Boolean, default: false }
+  },
+  emits: ["update:visible", "ok"],
+  setup(props, { emit }) {
+    const themeStore = useThemeStore();
+    const theme = storeToRefs(themeStore);
+    const { validate, validateInfos } = 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(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(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_radio = resolveComponent("a-radio");
+  const _component_a_radio_group = resolveComponent("a-radio-group");
+  const _component_a_form_item = resolveComponent("a-form-item");
+  const _component_a_form = resolveComponent("a-form");
+  const _component_a_modal = resolveComponent("a-modal");
+  return openBlock(), createBlock(_component_a_modal, {
+    visible: _ctx.visible,
+    class: "zt-modal-theme",
+    title: _ctx.title,
+    onCancel: _ctx.handleCancel,
+    onOk: _ctx.handleOk
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_a_form, null, {
+        default: withCtx(() => [
+          createVNode(_component_a_form_item, mergeProps({ label: "\u5B57\u4F53\u5927\u5C0F" }, _ctx.validateInfos.size), {
+            default: withCtx(() => [
+              createVNode(_component_a_radio_group, {
+                value: _ctx.theme.size,
+                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.theme.size = $event),
+                onChange: _ctx.handleChangeSize
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sizes, (size) => {
+                    return openBlock(), createBlock(_component_a_radio, {
+                      key: size.value,
+                      value: size.value
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(size.text), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["value", "onChange"])
+            ]),
+            _: 1
+          }, 16),
+          createVNode(_component_a_form_item, mergeProps({ label: "\u4E3B\u9898\u989C\u8272" }, _ctx.validateInfos.color), {
+            default: withCtx(() => [
+              createVNode(_component_a_radio_group, {
+                value: _ctx.theme.color,
+                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.theme.color = $event),
+                onChange: _ctx.handleChangeColor
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.colors, (color) => {
+                    return openBlock(), createBlock(_component_a_radio, {
+                      key: color.value,
+                      value: color.value
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(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, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/modal-theme/modal-theme.vue"]]);
+
+export { ModalTheme as default };

package/es/modal-theme/style/index.css

@@ -0,0 +1,3 @@
+.zt-modal-theme {
+  width: 100%;
+}

package/es/modal-theme/style/index.d.ts

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

package/es/modal-theme/style/index.js

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

package/es/modal-theme/style/index.less

@@ -0,0 +1,3 @@
+.zt-modal-theme {
+    width: 100%;
+}

package/es/modules.d.js

@@ -0,0 +1 @@
+import 'vue-router';

package/es/panal-bg/index.d.ts

@@ -0,0 +1,16 @@
+export declare const ZtPanalBg: import("@ega/utils").SFCWithInstall<import("vue").DefineComponent<{
+    padding: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    zoomPadding: import("vue").Ref<number>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    padding: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    padding: number;
+}>>;
+export default ZtPanalBg;

package/es/panal-bg/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '@ega/utils';
+import PanalBg from './panal-bg.vue.js';
+
+const ZtPanalBg = withInstall(PanalBg);
+
+export { ZtPanalBg, ZtPanalBg as default };

package/es/panal-bg/panal-bg.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    padding: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    zoomPadding: import("vue").Ref<number>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    padding: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    padding: number;
+}>;
+export default _default;

package/es/panal-bg/panal-bg.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent, ref, watchEffect, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeStyle, renderSlot } from 'vue';
+import _export_sfc from '../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = defineComponent({
+  name: "ZtPanalBg",
+  props: {
+    padding: { type: Number, default: 20 }
+  },
+  setup(props) {
+    const zoomPadding = ref(0);
+    watchEffect(() => {
+      zoomPadding.value = (window.pageZoom || 1) * (props.padding || 0);
+    });
+    return {
+      zoomPadding
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("section", mergeProps({ class: "zt-panal-bg" }, _ctx.$attrs), [
+    createElementVNode("main", {
+      class: "zt-panal-bg-shadow",
+      style: normalizeStyle({ padding: _ctx.zoomPadding + "px" })
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 4)
+  ], 16);
+}
+var PanalBg = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/panal-bg/panal-bg.vue"]]);
+
+export { PanalBg as default };

package/es/panal-bg/style/index.css

@@ -0,0 +1,17 @@
+.zt-panal-bg {
+  width: 100%;
+  height: 100%;
+  padding: 20px;
+}
+.zt-panal-bg > main {
+  width: 100%;
+  height: 100%;
+}
+.zt-panal-bg-shadow {
+  background: var(--zartd-panal-bg-background-color);
+  border-radius: 5px;
+  box-shadow: var(--zartd-panal-bg-box-shadow);
+}
+.zt-panal-bg:not(:first-of-type) {
+  padding-top: 0;
+}

package/es/panal-bg/style/index.d.ts

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

package/es/panal-bg/style/index.js

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

package/es/panal-bg/style/index.less

@@ -0,0 +1,20 @@
+.zt-panal-bg {
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+
+    > main {
+        width: 100%;
+        height: 100%;
+    }
+
+    &-shadow {
+        background: var(--zartd-panal-bg-background-color);
+        border-radius: 5px;
+        box-shadow: var(--zartd-panal-bg-box-shadow);
+    }
+
+    &:not(:first-of-type) {
+        padding-top: 0;
+    }
+}

package/es/panal-table/index.d.ts

@@ -0,0 +1,6 @@
+export declare const ZtPanalTable: import("@ega/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+    dom: import("vue").Ref<HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:bodyHeight"[], "update:bodyHeight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onUpdate:bodyHeight"?: ((...args: any[]) => any) | undefined;
+}, {}>>;
+export default ZtPanalTable;

package/es/panal-table/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '@ega/utils';
+import PanalTable from './panal-table.vue.js';
+
+const ZtPanalTable = withInstall(PanalTable);
+
+export { ZtPanalTable, ZtPanalTable as default };

package/es/panal-table/panal-table.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    dom: import("vue").Ref<HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:bodyHeight"[], "update:bodyHeight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onUpdate:bodyHeight"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/es/panal-table/panal-table.vue.js

@@ -0,0 +1,76 @@
+import { useThrottleFn } from '@vueuse/core';
+import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode, createElementVNode } from 'vue';
+import _export_sfc from '../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = defineComponent({
+  name: "ZtPanalTable",
+  emits: ["update:bodyHeight"],
+  setup(props, { emit }) {
+    const resizeObserver = ref();
+    const dom = ref(null);
+    const resize = 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);
+    onMounted(() => {
+      resizeObserver.value = new ResizeObserver(resize);
+      resizeObserver.value.observe(dom.value);
+    });
+    onBeforeUnmount(() => {
+      resizeObserver.value.unobserve(dom.value);
+    });
+    return {
+      dom
+    };
+  }
+});
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
+  key: 0,
+  class: "zt-panal-table-buttons"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "zt-panal-table-extra"
+};
+const _hoisted_4 = {
+  ref: "dom",
+  class: "zt-panal-table-main"
+};
+const _hoisted_5 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("section", mergeProps({ class: "zt-panal-table" }, _ctx.$attrs), [
+    _ctx.$slots.buttons || _ctx.$slots.extra ? (openBlock(), createElementBlock("header", _hoisted_1, [
+      _ctx.$slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        renderSlot(_ctx.$slots, "buttons")
+      ])) : createCommentVNode("v-if", true),
+      _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        renderSlot(_ctx.$slots, "extra")
+      ])) : createCommentVNode("v-if", true)
+    ])) : createCommentVNode("v-if", true),
+    createElementVNode("main", _hoisted_4, [
+      renderSlot(_ctx.$slots, "default")
+    ], 512),
+    _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_5, [
+      renderSlot(_ctx.$slots, "footer")
+    ])) : createCommentVNode("v-if", true)
+  ], 16);
+}
+var PanalTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/panal-table/panal-table.vue"]]);
+
+export { PanalTable as default };

package/es/panal-table/style/index.css

@@ -0,0 +1,39 @@
+.zt-panal-table {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+.zt-panal-table > header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+.zt-panal-table > header > .zt-panal-table-buttons {
+  display: flex;
+}
+.zt-panal-table > header > .zt-panal-table-buttons > .ant-btn {
+  margin-left: 10px;
+}
+.zt-panal-table > header > .zt-panal-table-buttons > .ant-btn:first-child {
+  margin-left: 0;
+}
+.zt-panal-table > main {
+  flex: auto;
+  height: 0;
+}
+.zt-panal-table > main .ant-table-wrapper {
+  height: 100%;
+}
+.zt-panal-table > main .ant-table-wrapper .ant-spin-nested-loading,
+.zt-panal-table > main .ant-table-wrapper .ant-spin-container {
+  height: 100%;
+}
+.zt-panal-table > main .ant-table-wrapper .ant-pagination {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.zt-panal-table > footer {
+  margin-top: 20px;
+}

package/es/panal-table/style/index.d.ts

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

package/es/panal-table/style/index.js

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

package/es/panal-table/style/index.less

@@ -0,0 +1,57 @@
+.zt-panal-table {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+
+    & > header {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 20px;
+
+        & > .zt-panal-table-buttons {
+            display: flex;
+
+            & > .ant-btn {
+                margin-left: 10px;
+
+                &:first-child {
+                    margin-left: 0;
+                }
+            }
+        }
+    }
+
+    & > main {
+        flex: auto;
+        height: 0;
+
+        .ant-table-wrapper {
+            height: 100%;
+
+            .ant-spin-nested-loading,
+            .ant-spin-container {
+                height: 100%;
+            }
+
+            .ant-pagination {
+                position: absolute;
+                right: 0;
+                bottom: 0;
+            }
+
+            .ant-table {
+                &-cell {
+                    // &:has(.ant-btn) {
+                    //     padding-top: 4px;
+                    //     padding-bottom: 4px;
+                    // }
+                }
+            }
+        }
+    }
+
+    & > footer {
+        margin-top: 20px;
+    }
+}

package/es/profile-avatar/index.d.ts

@@ -0,0 +1,42 @@
+export declare const ZtProfileAvatar: import("@ega/utils").SFCWithInstall<import("vue").DefineComponent<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    photo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    photoId: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    avatarSrc: import("vue").Ref<string | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    photo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    photoId: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    direction: string;
+    photo: string;
+    photoId: number;
+}>>;
+export default ZtProfileAvatar;

package/es/profile-avatar/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '@ega/utils';
+import ProfileAvatar from './profile-avatar.vue.js';
+
+const ZtProfileAvatar = withInstall(ProfileAvatar);
+
+export { ZtProfileAvatar, ZtProfileAvatar as default };

package/es/profile-avatar/profile-avatar.vue.d.ts

@@ -0,0 +1,42 @@
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    photo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    photoId: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    avatarSrc: import("vue").Ref<string | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    photo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    photoId: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    direction: string;
+    photo: string;
+    photoId: number;
+}>;
+export default _default;

package/es/profile-avatar/profile-avatar.vue.js

@@ -0,0 +1,52 @@
+import { defineComponent, ref, watchEffect, resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, createBlock, toDisplayString } from 'vue';
+import { Image } from 'ant-design-vue/es';
+import _export_sfc from '../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = defineComponent({
+  name: "ZtProfileAvatar",
+  components: {
+    AImage: 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 = ref();
+    watchEffect(() => {
+      if (props.photo) {
+        avatarSrc.value = props.photo;
+      } else if (props.photoId) {
+      }
+    });
+    return {
+      avatarSrc
+    };
+  }
+});
+const _hoisted_1 = { class: "zt-profile-avatar-photo" };
+const _hoisted_2 = {
+  key: 1,
+  class: "base-iconfont base-icon-user"
+};
+const _hoisted_3 = { class: "zt-profile-avatar-name" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_image = resolveComponent("a-image");
+  return openBlock(), createElementBlock("div", mergeProps({ class: "zt-profile-avatar" }, _ctx.$attrs, {
+    class: `direction-${_ctx.direction}`
+  }), [
+    createElementVNode("div", _hoisted_1, [
+      _ctx.avatarSrc ? (openBlock(), createBlock(_component_a_image, {
+        key: 0,
+        src: _ctx.avatarSrc,
+        "preview-mask": false
+      }, null, 8, ["src"])) : (openBlock(), createElementBlock("i", _hoisted_2))
+    ]),
+    createElementVNode("div", _hoisted_3, toDisplayString(_ctx.name), 1)
+  ], 16);
+}
+var ProfileAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/profile-avatar/profile-avatar.vue"]]);
+
+export { ProfileAvatar as default };