@aplus-frontend/ui 0.0.1-beta.4 → 0.0.1-beta.40

package/es/src/ap-action/item-popconfirm/index.vue.mjs

@@ -0,0 +1,39 @@
+import { defineComponent as m, openBlock as f, createBlock as c, unref as i, mergeProps as l, withCtx as s, createVNode as d, normalizeProps as u, guardReactiveProps as P } from "vue";
+import { Popconfirm as _ } from "ant-design-vue";
+import "../item/index.vue.mjs";
+import { omit as y } from "lodash-unified";
+import x from "../item/index.vue2.mjs";
+const h = /* @__PURE__ */ m({
+  name: "ApActionItemPopconfirm",
+  __name: "index",
+  props: {
+    text: {},
+    color: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    visible: { type: Boolean, default: !0 },
+    onAction: {},
+    onClick: {},
+    loading: { type: Boolean, default: !1 },
+    popconfirmProps: { default: () => ({}) }
+  },
+  setup(p) {
+    const o = p;
+    async function a(e) {
+      var n, r, t;
+      (r = (n = o.popconfirmProps).onConfirm) == null || r.call(n, e), await ((t = o.onAction) == null ? void 0 : t.call(o, e));
+    }
+    return (e, n) => (f(), c(i(_), l(o.popconfirmProps, {
+      onConfirm: a,
+      disabled: !o.popconfirmProps,
+      "overlay-style": { zIndex: 1060 }
+    }), {
+      default: s(() => [
+        d(x, u(P(i(y)(o, ["popconfirmProps", "onAction"]))), null, 16)
+      ]),
+      _: 1
+    }, 16, ["disabled"]));
+  }
+});
+export {
+  h as default
+};

package/es/src/ap-action/item-popconfirm/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-action/style/item-dropdown.css

@@ -0,0 +1,11 @@
+.aplus-action-item-dropdown__item .aplus-action-item {
+  width: 100%;
+}
+.aplus-action-item-dropdown__wrapper {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+.aplus-action-item-dropdown__icon {
+  margin-left: 4px;
+}

package/es/src/ap-action/style/item.css

@@ -0,0 +1,33 @@
+.aplus-action-item {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 22px;
+  cursor: pointer;
+}
+.aplus-action-item--primary {
+  color: #0070ff;
+}
+.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
+  color: #66a9ff;
+}
+.aplus-action-item--success {
+  color: #2ed1a3;
+}
+.aplus-action-item--error {
+  color: #FF4D4F;
+}
+.aplus-action-item--warn {
+  color: #FFA940;
+}
+.aplus-action-item--loading {
+  opacity: 0.35;
+  transition: opacity 0.2s;
+  cursor: default;
+}
+.aplus-action-item--loading .btn-loading-icon {
+  margin-right: 4px;
+}
+.aplus-action-item--disabled {
+  color: #CCE2FF;
+  cursor: not-allowed;
+}

package/es/src/ap-custom-column/column-select.vue.d.ts

@@ -0,0 +1,18 @@
+import { ColumnSelectProps, FieldInfo } from './interfaces';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<ColumnSelectProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    updateColumns: (list: FieldInfo[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ColumnSelectProps>>> & {
+    onUpdateColumns?: ((list: FieldInfo[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/es/src/ap-custom-column/column-select.vue.mjs

@@ -0,0 +1,102 @@
+import { defineComponent as w, ref as i, watch as m, computed as V, openBlock as A, createBlock as B, unref as a, normalizeClass as c, withCtx as r, createElementVNode as p, createVNode as d, createTextVNode as D, toDisplayString as h } from "vue";
+import { Flex as f, Checkbox as G, Divider as M, CheckboxGroup as S } from "ant-design-vue";
+import "../config-provider/index.mjs";
+import "./styles/column-select.css";
+import { useGlobalConfig as U } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
+const H = /* @__PURE__ */ w({
+  __name: "column-select",
+  props: {
+    columns: {}
+  },
+  emits: ["updateColumns"],
+  setup(g, { emit: x }) {
+    const u = i(!1), v = i(!1), t = i([]), C = U("uiMode"), { b: k, e: o } = j(
+      C.value === "aplus" ? "column-select" : "column-select-admin"
+    ), { columns: n } = g, b = x, _ = (e) => {
+      const s = e.target.checked;
+      t.value = s ? n.map((l) => l.dataIndex) : n.filter((l) => l.disabled && l.selected).map((l) => l.dataIndex);
+    }, I = (e) => {
+      t.value = e;
+    };
+    m(
+      n,
+      () => {
+        t.value = n.filter((e) => e.selected).map((e) => e.dataIndex);
+      },
+      { deep: !0, immediate: !0 }
+    ), m(
+      t,
+      () => {
+        v.value = t.value.length > 0 && t.value.length !== n.length, u.value = t.value.length === n.length;
+      },
+      { deep: !0, immediate: !0 }
+    ), m(
+      t,
+      () => {
+        const e = n.map((s) => ({
+          ...s,
+          selected: t.value.includes(s.dataIndex)
+        }));
+        b("updateColumns", e);
+      },
+      { deep: !0 }
+    );
+    const y = V(() => n.map((e) => ({
+      label: e.title,
+      value: e.dataIndex,
+      disabled: e.disabled
+    })));
+    return (e, s) => (A(), B(a(f), {
+      vertical: "",
+      class: c(a(k)())
+    }, {
+      default: r(() => [
+        p("p", {
+          class: c(a(o)("des"))
+        }, "请选择需要展示在表格的字段", 2),
+        d(a(f), {
+          class: c(a(o)("all")),
+          justify: "space-between",
+          align: "center"
+        }, {
+          default: r(() => {
+            var l;
+            return [
+              d(a(G), {
+                style: { padding: "0 6px;" },
+                checked: u.value,
+                "onUpdate:checked": s[0] || (s[0] = (N) => u.value = N),
+                indeterminate: v.value,
+                onChange: _
+              }, {
+                default: r(() => [
+                  D("全选")
+                ]),
+                _: 1
+              }, 8, ["checked", "indeterminate"]),
+              p("span", {
+                class: c(a(o)("statistics"))
+              }, h((l = t.value) == null ? void 0 : l.length) + "/" + h(e.columns.length), 3)
+            ];
+          }),
+          _: 1
+        }, 8, ["class"]),
+        d(a(M), { style: { margin: "12px 0 4px 0" } }),
+        p("div", {
+          class: c(a(o)("content"))
+        }, [
+          d(a(S), {
+            value: t.value,
+            "onUpdate:value": I,
+            options: y.value
+          }, null, 8, ["value", "options"])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+export {
+  H as default
+};

package/es/src/ap-custom-column/column-select.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./column-select.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-custom-column/custom-column.vue.d.ts

@@ -0,0 +1,18 @@
+import { CustomColumnProps, FieldInfo } from './interfaces';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<CustomColumnProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:columns": (list: FieldInfo[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<CustomColumnProps>>> & {
+    "onUpdate:columns"?: ((list: FieldInfo[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/es/src/ap-custom-column/custom-column.vue.mjs

@@ -0,0 +1,86 @@
+import { defineComponent as D, ref as m, computed as x, openBlock as H, createElementBlock as w, normalizeClass as B, unref as t, createVNode as o, withCtx as n, createTextVNode as E, normalizeStyle as b } from "vue";
+import { SettingOutlined as k, CloseOutlined as G } from "@ant-design/icons-vue";
+import { Tooltip as N, Button as T, Drawer as A } from "ant-design-vue";
+import "./column-select.vue2.mjs";
+import "./styles/custom-column.css";
+import "../config-provider/index.mjs";
+import { useGlobalConfig as I } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as O } from "../config-provider/hooks/use-namespace.mjs";
+import R from "./column-select.vue.mjs";
+const F = /* @__PURE__ */ D({
+  __name: "custom-column",
+  props: {
+    columns: {},
+    baseContainerSelector: {},
+    fullContentSelector: {}
+  },
+  emits: ["update:columns"],
+  setup(p, { emit: d }) {
+    const f = I("uiMode"), { b: C, e: h } = O(
+      f.value === "aplus" ? "custom-column" : "custom-column-admin"
+    ), { baseContainerSelector: r, columns: M, fullContentSelector: _ } = p, g = d, v = (e) => {
+      g("update:columns", e);
+    }, c = m(!1), l = m(0), S = () => {
+      var e, s;
+      if (r) {
+        const a = document.querySelector(r), u = document.querySelector(
+          _
+        );
+        a ? l.value = Math.max(
+          (e = a == null ? void 0 : a.getBoundingClientRect()) == null ? void 0 : e.top,
+          ((s = u == null ? void 0 : u.getBoundingClientRect()) == null ? void 0 : s.top) || 0
+        ) : l.value = 0;
+      }
+      c.value = !0;
+    }, i = () => {
+      c.value = !1;
+    }, y = x(() => window.innerHeight - l.value - 57 - 40);
+    return (e, s) => (H(), w("div", {
+      class: B(t(C)())
+    }, [
+      o(t(N), null, {
+        title: n(() => [
+          E("自定义表格")
+        ]),
+        default: n(() => [
+          o(t(T), {
+            style: { minWidth: "auto" },
+            onClick: S
+          }, {
+            icon: n(() => [
+              o(t(k))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      o(t(A), {
+        open: c.value,
+        width: 280,
+        title: "自定义表格",
+        closable: !1,
+        contentWrapperStyle: { top: `${l.value}px` },
+        bodyStyle: { overflow: "hidden", padding: "20px" },
+        mask: !0,
+        "root-class-name": t(h)("drawer"),
+        onClose: i
+      }, {
+        extra: n(() => [
+          o(t(G), { onClick: i })
+        ]),
+        default: n(() => [
+          o(R, {
+            style: b({ height: `${y.value}px` }),
+            columns: e.columns,
+            onUpdateColumns: v
+          }, null, 8, ["style", "columns"])
+        ]),
+        _: 1
+      }, 8, ["open", "contentWrapperStyle", "root-class-name"])
+    ], 2));
+  }
+});
+export {
+  F as default
+};

package/es/src/ap-custom-column/custom-column.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./custom-column.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-custom-column/index.d.ts

@@ -0,0 +1,7 @@
+import { default as ApCustomColumn } from './custom-column.vue';
+import { default as ApCustomSelect } from './column-select.vue';
+
+export * from './interfaces';
+export * from './utils';
+export * from './useCacheColumnSetting';
+export { ApCustomColumn, ApCustomSelect };

package/es/src/ap-custom-column/index.mjs

@@ -0,0 +1,9 @@
+import "./custom-column.vue2.mjs";
+import "./column-select.vue2.mjs";
+import "./interfaces.mjs";
+import { generateTableList as i } from "./utils.mjs";
+import { useCacheColumnSetting as a } from "./useCacheColumnSetting.mjs";
+export {
+  i as generateTableList,
+  a as useCacheColumnSetting
+};

package/es/src/ap-custom-column/interfaces.d.ts

@@ -0,0 +1,41 @@
+import { BasicColumn } from 'src/pro-table';
+
+/**
+ * 自定义列的字段信息
+ */
+export interface FieldInfo {
+    order?: number;
+    fixed?: 'left' | 'right' | null;
+    selected: boolean;
+    disabled: boolean;
+    dataIndex: string;
+    title: string;
+}
+/**
+ * 自定义列表组件 Props
+ */
+export interface CustomColumnProps {
+    columns: FieldInfo[];
+    /**
+     * 抽屉打开高度的基准 querySelector
+     */
+    baseContainerSelector?: string;
+    /**
+     * 当 `baseContainerSelector`因滚动隐藏时，需要固定位置的 `querySelector`
+     */
+    fullContentSelector?: string;
+}
+/**
+ * column select 的 props
+ */
+export interface ColumnSelectProps {
+    columns: FieldInfo[];
+}
+/**
+ * 生成 filedInfoList 函数的参数
+ */
+export interface GenerateTableInfo {
+    list: BasicColumn[];
+    fixedKeys?: string[];
+    defaultSelect?: string[];
+}

package/es/src/ap-custom-column/interfaces.mjs

@@ -0,0 +1 @@
+

package/es/src/ap-custom-column/storage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 判断str是否是json字符串
+ * @param str
+ */
+export declare const isJSON: (str: string | null) => boolean;
+export declare function setLocalStorage(key: string, value: any): void;
+export declare function getLocalStorage(key: string, defaultValue?: null): any;
+export declare function removeLocalStorage(key: string): void;

package/es/src/ap-custom-column/storage.mjs

@@ -0,0 +1,29 @@
+const l = (t) => {
+  if (typeof t == "string")
+    try {
+      const e = JSON.parse(t);
+      return !!(typeof e == "object" && e);
+    } catch {
+      return !1;
+    }
+  else
+    return !1;
+};
+function n(t, e) {
+  let r = "";
+  typeof e == "object" ? r = JSON.stringify(e) : r = e, localStorage.setItem(t, r);
+}
+function a(t, e = null) {
+  const r = localStorage.getItem(t);
+  let o = null;
+  return r && l(r) && (o = JSON.parse(r)), o !== null ? o : e;
+}
+function s(t) {
+  return localStorage.removeItem(t);
+}
+export {
+  a as getLocalStorage,
+  l as isJSON,
+  s as removeLocalStorage,
+  n as setLocalStorage
+};

package/es/src/ap-custom-column/styles/column-select.css

@@ -0,0 +1,44 @@
+.aplus-column-select-admin__des {
+  color: #999;
+  line-height: 18px;
+}
+.aplus-column-select-admin__statistics {
+  color: #666;
+}
+.aplus-column-select-admin__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select-admin__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper:hover {
+  background: #f5f5f5;
+}
+.aplus-column-select__des {
+  line-height: 18px;
+  color: #8896b0;
+}
+.aplus-column-select__statistics {
+  color: #526a90;
+}
+.aplus-column-select__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select__content .ant-checkbox-wrapper:hover {
+  background: #f6f9fa;
+}

package/es/src/ap-custom-column/styles/custom-column.css

@@ -0,0 +1,46 @@
+.aplus-custom-column-admin .ant-btn-default {
+  border-color: #d9d9d9;
+}
+.aplus-custom-column-admin .ant-btn-default:hover {
+  border-color: #d9d9d9;
+  background: #f5f5f5;
+}
+.aplus-custom-column-admin .ant-btn-default > .anticon {
+  color: #999;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #d9d9d9;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column-admin__drawer .ant-drawer-title {
+  color: #000;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-extra .anticon {
+  color: #999;
+}
+.aplus-custom-column .ant-btn-default {
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default:hover {
+  background: #f6f9fa;
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default > .anticon {
+  color: #8896b0;
+}
+.aplus-custom-column__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #dee4ed;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column__drawer .ant-drawer-title {
+  color: #182948;
+}
+.aplus-custom-column__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column__drawer .ant-drawer-extra .anticon {
+  color: #8896b0;
+}

package/es/src/ap-custom-column/useCacheColumnSetting.d.ts

@@ -0,0 +1,10 @@
+import { FieldInfo } from './interfaces';
+
+/**
+ * 获取自定义列表存储的值
+ * @returns
+ */
+export declare function useCacheColumnSetting(): {
+    set: (path: string, list: FieldInfo[]) => void;
+    get: (path: string) => FieldInfo[];
+};

package/es/src/ap-custom-column/useCacheColumnSetting.mjs

@@ -0,0 +1,9 @@
+import { setLocalStorage as o, getLocalStorage as r } from "./storage.mjs";
+function s() {
+  return { set: (t, e) => {
+    o(t, e);
+  }, get: (t) => r(t) };
+}
+export {
+  s as useCacheColumnSetting
+};

package/es/src/ap-custom-column/utils.d.ts

@@ -0,0 +1,3 @@
+import { FieldInfo, GenerateTableInfo } from './interfaces';
+
+export declare const generateTableList: (params: GenerateTableInfo) => FieldInfo[];

package/es/src/ap-custom-column/utils.mjs

@@ -0,0 +1,17 @@
+const s = (e) => {
+  const {
+    list: n,
+    fixedKeys: d,
+    defaultSelect: t
+  } = e;
+  return n.map((a, r) => ({
+    order: r,
+    selected: t != null && t.length ? t.includes(a.dataIndex) : !0,
+    disabled: (d == null ? void 0 : d.includes(a.dataIndex)) || !1,
+    dataIndex: a.dataIndex,
+    title: a.title
+  }));
+};
+export {
+  s as generateTableList
+};

package/es/src/ap-download/ap-download.vue.d.ts

@@ -0,0 +1,41 @@
+import { ApDownLoadProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApDownLoadProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApDownLoadProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>>>, {
+    color: string;
+    disabled: boolean;
+    size: "small" | "middle" | "large";
+}, {}>, {
+    icon?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-download/ap-download.vue.mjs

@@ -0,0 +1,56 @@
+import { defineComponent as _, computed as n, onMounted as y, openBlock as z, createElementBlock as I, normalizeStyle as O, normalizeClass as i, createElementVNode as a, renderSlot as v, toDisplayString as B } from "vue";
+import "../config-provider/index.mjs";
+import { useOssInit as M, useOss as N } from "./hooks/index.mjs";
+import "./style/ap-download.css";
+import { useGlobalConfig as k } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as A } from "../config-provider/hooks/use-namespace.mjs";
+const F = { class: "icon" }, W = { class: "text" }, q = /* @__PURE__ */ _({
+  name: "ApDownload",
+  __name: "ap-download",
+  props: {
+    text: {},
+    color: { default: "#0070FF" },
+    size: { default: "middle" },
+    disabled: { type: Boolean, default: !1 },
+    fileName: {},
+    getOssAccess: {}
+  },
+  setup(l) {
+    const t = l, p = k("uiMode"), { b: o, bm: s } = A("download");
+    function c(e, r) {
+      e.length === 4 && (e = `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);
+      const w = parseInt(e.slice(1, 3), 16), S = parseInt(e.slice(3, 5), 16), $ = parseInt(e.slice(5, 7), 16), b = Math.round(r * 255).toString(16).padStart(2, "0");
+      return `#${w.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${$.toString(16).padStart(2, "0")}${b}`;
+    }
+    const d = n(() => ({
+      "--download-main-color": t.color,
+      "--download-main-color-opacity": c(t.color, 0.6)
+    })), u = n(() => [o("wrapper"), s("wrapper", t.size)].filter(Boolean)), m = n(() => {
+      const e = [o("inner-wrapper"), s("inner-wrapper", t.size)];
+      return t.disabled && (p.value === "aplus" ? e.push(s("inner-wrapper", "disabled")) : e.push(s("inner-wrapper", "disabled-admin"))), e;
+    });
+    y(() => {
+      t.disabled || M(t.getOssAccess);
+    });
+    const { client: f } = N(), g = () => {
+      t.disabled || f.downloadFile(t.fileName);
+    };
+    return (e, r) => (z(), I("span", {
+      style: O(d.value),
+      class: i(u.value),
+      onClick: g
+    }, [
+      a("span", {
+        class: i(m.value)
+      }, [
+        a("span", F, [
+          v(e.$slots, "icon")
+        ]),
+        a("span", W, B(e.text), 1)
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  q as default
+};

package/es/src/ap-download/ap-download.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ap-download.vue.mjs";
+export {
+  f as default
+};