zartd 0.0.10

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

@@ -0,0 +1,166 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var es = require('ant-design-vue/es');
+var pinia = require('pinia');
+var hooks = require('@ega/hooks');
+var pluginVue_exportHelper = require('../_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 = 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(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 = 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__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/modal-theme/modal-theme.vue"]]);
+
+exports["default"] = ModalTheme;

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

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

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

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

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

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

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

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

package/lib/modules.d.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('vue-router');
+

package/lib/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/lib/panal-bg/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@ega/utils');
+var panalBg = require('./panal-bg.vue.js');
+
+const ZtPanalBg = utils.withInstall(panalBg["default"]);
+
+exports.ZtPanalBg = ZtPanalBg;
+exports["default"] = ZtPanalBg;

package/lib/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/lib/panal-bg/panal-bg.vue.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pluginVue_exportHelper = require('../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = 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(_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__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/panal-bg/panal-bg.vue"]]);
+
+exports["default"] = PanalBg;

package/lib/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/lib/panal-bg/style/index.d.ts

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

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

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

package/lib/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/lib/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/lib/panal-table/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@ega/utils');
+var panalTable = require('./panal-table.vue.js');
+
+const ZtPanalTable = utils.withInstall(panalTable["default"]);
+
+exports.ZtPanalTable = ZtPanalTable;
+exports["default"] = ZtPanalTable;

package/lib/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/lib/panal-table/panal-table.vue.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@vueuse/core');
+var vue = require('vue');
+var pluginVue_exportHelper = require('../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = 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 = { 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 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, [
+      _ctx.$slots.buttons ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+        vue.renderSlot(_ctx.$slots, "buttons")
+      ])) : vue.createCommentVNode("v-if", true),
+      _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+        vue.renderSlot(_ctx.$slots, "extra")
+      ])) : vue.createCommentVNode("v-if", true)
+    ])) : vue.createCommentVNode("v-if", true),
+    vue.createElementVNode("main", _hoisted_4, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 512),
+    _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_5, [
+      vue.renderSlot(_ctx.$slots, "footer")
+    ])) : vue.createCommentVNode("v-if", true)
+  ], 16);
+}
+var PanalTable = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/panal-table/panal-table.vue"]]);
+
+exports["default"] = PanalTable;

package/lib/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/lib/panal-table/style/index.d.ts

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

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

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

package/lib/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/lib/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/lib/profile-avatar/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@ega/utils');
+var profileAvatar = require('./profile-avatar.vue.js');
+
+const ZtProfileAvatar = utils.withInstall(profileAvatar["default"]);
+
+exports.ZtProfileAvatar = ZtProfileAvatar;
+exports["default"] = ZtProfileAvatar;

package/lib/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;