zartd 0.0.10

package/lib/collapse-button/collapse-button.vue.d.ts

@@ -0,0 +1,45 @@
+declare const _default: import("vue").DefineComponent<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    storageKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    alwaysVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    toggle: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:collapsed"[], "update:collapsed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    storageKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    alwaysVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
+}, {
+    direction: string;
+    collapsed: boolean;
+    storageKey: string;
+    alwaysVisible: boolean;
+}>;
+export default _default;

package/lib/collapse-button/collapse-button.vue.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var utils = require('@ega/utils');
+var pluginVue_exportHelper = require('../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = 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 = /* @__PURE__ */ vue.createElementVNode("i", { class: "base-iconfont base-icon-triangle" }, null, -1);
+const _hoisted_2 = [
+  _hoisted_1
+];
+function _sfc_render(_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, 2)
+  ], 2);
+}
+var CollapseButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/collapse-button/collapse-button.vue"]]);
+
+exports["default"] = CollapseButton;

package/lib/collapse-button/index.d.ts

@@ -0,0 +1,45 @@
+export declare const ZtCollapseButton: import("@ega/utils").SFCWithInstall<import("vue").DefineComponent<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    storageKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    alwaysVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    toggle: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:collapsed"[], "update:collapsed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    storageKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    alwaysVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
+}, {
+    direction: string;
+    collapsed: boolean;
+    storageKey: string;
+    alwaysVisible: boolean;
+}>>;
+export default ZtCollapseButton;

package/lib/collapse-button/index.js

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

package/lib/collapse-button/style/index.css

@@ -0,0 +1,47 @@
+.zt-collapse-button {
+  position: absolute;
+  z-index: 1;
+}
+.zt-collapse-button > * {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 18px;
+  padding: 0;
+  color: var(--zartd-text-color-positive);
+  background: var(--zartd-collapse-button-background-color);
+  border: 1px solid var(--zartd-collapse-button-border-color);
+  border-radius: 8px;
+  cursor: pointer;
+  backdrop-filter: blur(4px);
+  animation-name: fadeOut;
+}
+.zt-collapse-button > *:hover {
+  animation-name: fadeIn;
+}
+.zt-collapse-button > * > i {
+  transform: rotateZ(90deg);
+}
+.zt-collapse-button > *.is-collapse > i {
+  transform: rotateZ(-90deg);
+}
+.zt-collapse-button > *.is-always-visible {
+  animation-name: none;
+}
+.zt-collapse-button > *.is-always-visible:hover {
+  animation-name: none;
+}
+.zt-collapse-button.direction-horizontal {
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.zt-collapse-button.direction-vertical {
+  top: 50%;
+  right: 0;
+  transform: translate(50%, -50%);
+}
+.zt-collapse-button.direction-vertical > * {
+  transform: rotateZ(90deg);
+}

package/lib/collapse-button/style/index.d.ts

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

package/lib/collapse-button/style/index.js

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

package/lib/collapse-button/style/index.less

@@ -0,0 +1,58 @@
+.zt-collapse-button {
+    position: absolute;
+    z-index: 1;
+
+    > * {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 60px;
+        height: 18px;
+        padding: 0;
+        color: var(--zartd-text-color-positive);
+        background: var(--zartd-collapse-button-background-color);
+        border: 1px solid var(--zartd-collapse-button-border-color);
+        border-radius: 8px;
+        cursor: pointer;
+        backdrop-filter: blur(4px);
+        animation-name: fadeOut;
+
+        &:hover {
+            animation-name: fadeIn;
+        }
+
+        > i {
+            transform: rotateZ(90deg);
+        }
+
+        &.is-collapse {
+            > i {
+                transform: rotateZ(-90deg);
+            }
+        }
+
+        &.is-always-visible {
+            animation-name: none;
+
+            &:hover {
+                animation-name: none;
+            }
+        }
+    }
+
+    &.direction-horizontal {
+        top: 0;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    &.direction-vertical {
+        top: 50%;
+        right: 0;
+        transform: translate(50%, -50%);
+
+        > * {
+            transform: rotateZ(90deg);
+        }
+    }
+}

package/lib/empty/index.d.ts

@@ -0,0 +1,14 @@
+export declare const ZtEmpty: import("@ega/utils").SFCWithInstall<import("vue").DefineComponent<{
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    description: string;
+}>>;
+export default ZtEmpty;

package/lib/empty/index.js

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

package/lib/empty/index.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    description: string;
+}>;
+export default _default;

package/lib/empty/index.vue.js

@@ -0,0 +1,28 @@
+'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: "ZtEmpty",
+  props: {
+    description: { type: String, default: "" }
+  }
+});
+const _hoisted_1 = { class: "zt-empty" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "zt-empty-img" }, null, -1);
+const _hoisted_3 = { class: "zt-empty-description" };
+const _hoisted_4 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    _hoisted_2,
+    vue.createElementVNode("div", _hoisted_3, [
+      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(_ctx.description || "\u6682\u65E0\u6570\u636E"), 1))
+    ])
+  ]);
+}
+var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/empty/index.vue"]]);
+
+exports["default"] = Empty;

package/lib/empty/style/index.css

@@ -0,0 +1,15 @@
+.zt-empty {
+  text-align: center;
+}
+.zt-empty .zt-empty-img {
+  width: 115px;
+  height: 115px;
+  margin: 0 auto 24px;
+  background-image: var(--zartd-empty-default-image);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+.zt-empty .zt-empty-description {
+  color: var(--zartd-text-color-6);
+}

package/lib/empty/style/index.d.ts

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

package/lib/empty/style/index.js

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

package/lib/empty/style/index.less

@@ -0,0 +1,17 @@
+.zt-empty {
+    text-align: center;
+
+    .zt-empty-img {
+        width: 115px;
+        height: 115px;
+        margin: 0 auto 24px;
+        background-image: var(--zartd-empty-default-image);
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: contain;
+    }
+
+    .zt-empty-description {
+        color: var(--zartd-text-color-6);
+    }
+}

package/lib/iframe/iframe.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    loading: import("vue").Ref<boolean>;
+    href: 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<{
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    src: string;
+}>;
+export default _default;

package/lib/iframe/iframe.vue.js

@@ -0,0 +1,46 @@
+'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: "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 = ["src"];
+function _sfc_render(_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))
+  ], 16);
+}
+var Iframe = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/peritotchan/workspace/egova/ega-monorepo/packages/zartd/src/iframe/iframe.vue"]]);
+
+exports["default"] = Iframe;

package/lib/iframe/index.d.ts

@@ -0,0 +1,17 @@
+export declare const ZtIframe: import("@ega/utils").SFCWithInstall<import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    loading: import("vue").Ref<boolean>;
+    href: 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<{
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    src: string;
+}>>;
+export default ZtIframe;

package/lib/iframe/index.js

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