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

package/es/src/ap-layout/ap-info-layout/ap-info-layout.vue.mjs

@@ -0,0 +1,62 @@
+import { defineComponent as C, computed as t, openBlock as l, createElementBlock as h, normalizeClass as a, createBlock as b, Teleport as g, renderSlot as n, createElementVNode as o, createVNode as $, unref as y } from "vue";
+import { Divider as B } from "ant-design-vue";
+import "../style/ap-info-layout.css";
+import "../../config-provider/index.mjs";
+import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
+const z = /* @__PURE__ */ C({
+  name: "ApInfoLayout",
+  __name: "ap-info-layout",
+  props: {
+    toEl: { default: "#microapp-fixed-header" },
+    telDisabled: { type: Boolean, default: !1 }
+  },
+  setup(E) {
+    const { b: s, be: d, bem: r } = D("info-layout"), i = t(() => [s("container")]), c = t(() => [s("header")]), u = t(() => [s("divider")]), p = t(() => [s("contant")]), m = t(() => [d("header", "contant")]), v = t(() => [r("header", "contant", "title")]), f = t(() => [r("header", "contant", "actions")]);
+    return (e, H) => (l(), h("div", {
+      class: a(i.value)
+    }, [
+      (l(), b(g, {
+        to: e.toEl,
+        disabled: e.telDisabled
+      }, [
+        n(e.$slots, "header"),
+        o("div", {
+          class: a(`${c.value}`)
+        }, [
+          o("div", {
+            class: a(m.value)
+          }, [
+            o("div", {
+              class: a(v.value)
+            }, [
+              n(e.$slots, "title")
+            ], 2),
+            o("div", {
+              class: a(f.value)
+            }, [
+              n(e.$slots, "actions")
+            ], 2)
+          ], 2)
+        ], 2)
+      ], 8, ["to", "disabled"])),
+      o("div", {
+        class: a(u.value)
+      }, [
+        n(e.$slots, "divider", {}, () => [
+          $(y(B), {
+            class: "ap-info-layout-divider",
+            dashed: ""
+          })
+        ])
+      ], 2),
+      o("div", {
+        class: a(p.value)
+      }, [
+        n(e.$slots, "content")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  z as default
+};

package/es/src/ap-layout/ap-info-layout/ap-info-layout.vue2.mjs

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

package/es/src/ap-layout/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ApInfoLayout } from './ap-info-layout/ap-info-layout.vue';
+
+export { ApInfoLayout };

package/es/src/ap-layout/index.mjs

@@ -0,0 +1 @@
+import "./ap-info-layout/ap-info-layout.vue2.mjs";

package/es/src/ap-layout/interface.d.ts

@@ -0,0 +1,4 @@
+export interface APInfoLayoutProps {
+    toEl?: string | HTMLElement;
+    telDisabled?: boolean;
+}

package/es/src/ap-layout/style/ap-info-layout.css

@@ -0,0 +1,19 @@
+.aplus-info-layout-container {
+  height: 100%;
+  background-color: #fff;
+  border-radius: 4px;
+}
+.aplus-info-layout-header__contant {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.aplus-info-layout-header__contant--title {
+  display: inline-block;
+}
+.aplus-info-layout-header__contant--actions {
+  display: inline-block;
+}
+.aplus-info-layout-contant {
+  border-bottom-color: #fff;
+}

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

@@ -0,0 +1,186 @@
+import { ApTableProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
+import { SpinSize } from 'ant-design-vue/es/spin/Spin';
+import { VueTypeValidableDef } from '../../node_modules/vue-types';
+import { GetRowKey } from 'ant-design-vue/es/vc-table/interface';
+import { SortOrder } from 'ant-design-vue/es/table/interface';
+import { TriggerType } from 'ant-design-vue/es/tooltip/abstractTooltipProps';
+import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
+import { LiteralUnion } from 'ant-design-vue/es/_util/type';
+import { PresetColorType } from 'ant-design-vue/es/_util/colors';
+import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
+import { ApFormSearchFormProps } from '../ap-form';
+
+type ApTableSlots = {
+    default: any;
+    emptyText?: any;
+    expandIcon?: any;
+    title?: any;
+    footer?: any;
+    summary?: any;
+    expandedRowRender?: any;
+    expandColumnTitle?: any;
+    customFilterIcon?: any;
+    customFilterDropdown?: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any, "text">>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    card: boolean;
+    pagination: undefined;
+    searchForm: undefined;
+    loading: undefined;
+    manual: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any, "text">>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    card: boolean;
+    pagination: undefined;
+    searchForm: undefined;
+    loading: undefined;
+    manual: boolean;
+}>>>, {
+    loading: boolean | Partial< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        spinning: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        size: PropType<SpinSize>;
+        wrapperClassName: StringConstructor;
+        tip: VueTypeValidableDef<any>;
+        delay: NumberConstructor;
+        indicator: VueTypeValidableDef<any>;
+    }>>;
+    size: "small" | "middle";
+    pagination: false | {
+        defaultCurrent?: number | undefined;
+        defaultPageSize?: number | undefined;
+    };
+    bordered: boolean;
+    manual: boolean;
+    rowKey: string | GetRowKey<any>;
+    sortDirections: SortOrder[];
+    showSorterTooltip: boolean | Partial< ExtractPropTypes<{
+        title: VueTypeValidableDef<any>;
+        trigger: PropType< TriggerType | TriggerType[]>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: PropType<TooltipPlacement>;
+        color: PropType<LiteralUnion<PresetColorType>>;
+        transitionName: StringConstructor;
+        overlayStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayInnerStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayClassName: StringConstructor;
+        openClassName: StringConstructor;
+        prefixCls: StringConstructor;
+        mouseEnterDelay: NumberConstructor;
+        mouseLeaveDelay: NumberConstructor;
+        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+        arrowPointAtCenter: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        arrow: {
+            type: PropType<boolean | {
+                pointAtCenter?: boolean | undefined;
+            }>;
+            default: boolean | {
+                pointAtCenter?: boolean | undefined;
+            };
+        };
+        autoAdjustOverflow: {
+            type: PropType<boolean | AdjustOverflow>;
+            default: boolean | AdjustOverflow;
+        };
+        destroyTooltipOnHide: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        align: {
+            type: PropType<AlignType>;
+            default: AlignType;
+        };
+        builtinPlacements: {
+            type: PropType<BuildInPlacements>;
+            default: BuildInPlacements;
+        }; /**
+         * 获取需要在查询表单中显示的字段
+         * 1. 在搜索表单中未隐藏
+         * 2. 有dataIndex（映射到value）
+         * 3. 有valueType 指定渲染的表单
+         * 4. 没有在非表单组件名单中
+         */
+        children: ArrayConstructor;
+        onVisibleChange: PropType<(vis: boolean) => void>;
+        'onUpdate:visible': PropType<(vis: boolean) => void>;
+        onOpenChange: PropType<(vis: boolean) => void>;
+        'onUpdate:open': PropType<(vis: boolean) => void>;
+    }>>;
+    showHeader: boolean;
+    expandFixed: boolean | "left" | "right";
+    expandRowByClick: boolean;
+    defaultExpandAllRows: boolean;
+    indentSize: number;
+    showExpandColumn: boolean;
+    childrenColumnName: string;
+    card: boolean;
+    searchForm: false | ApFormSearchFormProps;
+}, {}>, Partial<Record<NonNullable<keyof ApTableSlots>, (_: any) => any>> & {
+    title?(_: {}): 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-table/ap-table.vue.mjs

@@ -0,0 +1,262 @@
+import { defineComponent as _, computed as d, createVNode as r, mergeProps as u, unref as t, openBlock as s, createElementBlock as f, normalizeClass as b, normalizeStyle as w, withCtx as c, Fragment as K, renderList as x, createBlock as $, resolveDynamicComponent as H, createCommentVNode as R, createElementVNode as F, renderSlot as T, createSlots as G, toDisplayString as Q, normalizeProps as U, guardReactiveProps as J } from "vue";
+import { Typography as X, Table as Y, Tooltip as Z } from "ant-design-vue";
+import { ApForm as ee } from "../ap-form/index.mjs";
+import { apTableRenderItemMap as ae, noRenderAsFormItemValueList as B, apTableFormItemMap as te } from "./constants.mjs";
+import "../config-provider/index.mjs";
+import { useTablePaging as oe } from "./hooks/use-table-paging.mjs";
+import { omit as P, isUndefined as le } from "lodash-unified";
+import "./style/ap-table.css";
+import { QuestionCircleOutlined as ne } from "@ant-design/icons-vue";
+import { useNamespace as re } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as de } from "../config-provider/hooks/use-global-config.mjs";
+const se = {
+  key: 0
+}, Se = /* @__PURE__ */ _({
+  name: "ApTable",
+  __name: "ap-table",
+  props: {
+    dropdownPrefixCls: {},
+    loading: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    bordered: {
+      type: Boolean,
+      default: !1
+    },
+    locale: {},
+    onChange: {},
+    onResizeColumn: {},
+    rowSelection: {},
+    getPopupContainer: {},
+    scroll: {},
+    sortDirections: {
+      default: () => ["ascend", "descend"]
+    },
+    showSorterTooltip: {
+      type: [Boolean, Object],
+      default: !0
+    },
+    prefixCls: {},
+    rowKey: {
+      default: "key"
+    },
+    tableLayout: {},
+    rowClassName: {},
+    title: {},
+    footer: {},
+    id: {},
+    showHeader: {
+      type: Boolean,
+      default: !0
+    },
+    components: {},
+    customRow: {},
+    customHeaderRow: {},
+    direction: {},
+    expandFixed: {
+      type: [String, Boolean],
+      default: !1
+    },
+    expandColumnWidth: {},
+    expandedRowKeys: {},
+    defaultExpandedRowKeys: {},
+    expandedRowRender: {},
+    expandRowByClick: {
+      type: Boolean,
+      default: !1
+    },
+    expandIcon: {},
+    onExpand: {},
+    onExpandedRowsChange: {},
+    defaultExpandAllRows: {
+      type: Boolean,
+      default: !1
+    },
+    indentSize: {
+      default: 15
+    },
+    expandIconColumnIndex: {},
+    showExpandColumn: {
+      type: Boolean,
+      default: !0
+    },
+    expandedRowClassName: {},
+    childrenColumnName: {
+      default: "children"
+    },
+    rowExpandable: {},
+    sticky: {
+      type: [Boolean, Object]
+    },
+    transformCellText: {},
+    columns: {},
+    card: {
+      type: Boolean,
+      default: !1
+    },
+    params: {},
+    searchFormRender: {},
+    request: {},
+    onLoad: {},
+    defaultData: {},
+    onLoadingChange: {},
+    searchForm: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    beforeSearchSubmit: {},
+    pagination: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    searchFormWrapperStyle: {},
+    tableWrapperStyle: {},
+    manual: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      default: "middle"
+    }
+  },
+  setup(I) {
+    const o = I, {
+      e: h,
+      b: m
+    } = re("ap-table"), v = de("uiMode"), y = d(() => {
+      var l;
+      let a = ((l = o.columns) == null ? void 0 : l.filter((e) => !e.hideInTable)) || [];
+      return a = a.map((e) => ({
+        ...e,
+        customRender({
+          value: n,
+          ...i
+        }) {
+          var S;
+          let g;
+          if (e.customRender)
+            g = e.customRender({
+              value: n,
+              ...i,
+              column: e
+            });
+          else {
+            const W = ae[e.valueType || "text"], q = ((S = e.fieldProps) == null ? void 0 : S.field) || e.fieldProps || {}, A = e.valueType === "switch", M = e.valueType === "index", V = A ? {
+              checked: n
+            } : {
+              value: M ? i.index + 1 : n
+            };
+            g = r(W, u(P(q, ["request"]), V, {
+              mode: "read"
+            }), null);
+          }
+          return L(e, n, g);
+        }
+      })), a;
+    }), C = d(() => {
+      var a, l;
+      return ((l = (a = o.columns) == null ? void 0 : a.filter((e) => !e.hideInSearch && e.dataIndex && e.valueType && !B.includes(e.valueType))) == null ? void 0 : l.map((e) => ({
+        ...e,
+        fieldProps: {
+          ...e.fieldProps || {},
+          label: e.title,
+          name: e.dataIndex
+        }
+      }))) || [];
+    }), k = d(() => t(y).filter((a) => a.sorter === !0).map((a) => a.dataIndex)), z = d(() => t(y).filter((a) => a.filters && !a.onFilter).map((a) => a.dataIndex)), {
+      formRef: E,
+      submit: N,
+      reset: D,
+      tableProps: p,
+      handleTableChange: O
+    } = oe({
+      async request(a) {
+        var e;
+        const l = await ((e = o.request) == null ? void 0 : e.call(o, a));
+        return {
+          data: (l == null ? void 0 : l.data) || [],
+          total: (l == null ? void 0 : l.total) || 0
+        };
+      },
+      filterFields: t(z),
+      sortFields: t(k),
+      defaultParams: o.params,
+      defaultData: o.defaultData,
+      manual: o.manual,
+      defaultCurrent: o.pagination ? o.pagination.defaultCurrent : void 0,
+      defaultPageSize: o.pagination ? o.pagination.defaultPageSize : void 0,
+      formatParams: o.beforeSearchSubmit
+    }), j = d(() => ({
+      ...o,
+      ...t(p),
+      loading: le(o.loading) ? t(p).loading : o.loading,
+      pagination: o.pagination === !1 ? !1 : t(p).pagination
+    }));
+    function L(a, l, e) {
+      return B.includes(a.valueType) ? e : a.copyable || a.ellipsis ? r(X.Text, {
+        copyable: a.copyable ? {
+          text: l,
+          tooltip: !1
+        } : !1,
+        ellipsis: a.ellipsis ? {
+          tooltip: l
+        } : !1,
+        content: e
+      }, null) : e;
+    }
+    return (a, l) => (s(), f("div", {
+      class: b(a.card ? null : t(m)("wrapper"))
+    }, [a.searchForm !== !1 && C.value.length > 0 ? (s(), f("div", {
+      key: 0,
+      class: b(a.card ? t(h)("search-wrapper") : null),
+      style: w(a.searchFormWrapperStyle)
+    }, [r(t(ee).SearchForm, u(a.searchForm || {}, {
+      ref_key: "formRef",
+      ref: E,
+      "custom-reset": "",
+      onSubmit: t(N),
+      onReset: t(D),
+      "submit-loading": t(p).loading
+    }), {
+      default: c(() => [(s(!0), f(K, null, x(C.value, (e) => (s(), $(H(e.customRenderFormItem ? e.customRenderFormItem(e) : t(te)[e.valueType || "text"]), u({
+        key: e.dataIndex,
+        ref_for: !0
+      }, e.fieldProps || {}, {
+        span: e.span
+      }), null, 16, ["span"]))), 128))]),
+      _: 1
+    }, 16, ["onSubmit", "onReset", "submit-loading"])], 6)) : R("", !0), F("div", {
+      class: b(a.card ? t(h)("table-wrapper") : null),
+      style: w(a.tableWrapperStyle)
+    }, [T(a.$slots, "title"), r(t(Y), u({
+      class: t(v) === "admin" ? t(m)("table-admin") : t(m)("table")
+    }, j.value, {
+      onChange: t(O),
+      columns: y.value
+    }), G({
+      headerCell: c(({
+        column: e,
+        title: n
+      }) => [e.tooltip ? (s(), f("span", se, [F("span", null, Q(n), 1), r(t(Z), {
+        title: e.tooltip,
+        placement: "bottom"
+      }, {
+        default: c(() => [r(t(ne), {
+          style: {
+            color: "#0070ff",
+            "padding-left": "4px"
+          }
+        })]),
+        _: 2
+      }, 1032, ["title"])])) : R("", !0)]),
+      _: 2
+    }, [x(t(P)(a.$slots, "title"), (e, n) => ({
+      name: n,
+      fn: c((i) => [T(a.$slots, n, U(J(i || {})))])
+    }))]), 1040, ["class", "onChange", "columns"])], 6)], 2));
+  }
+});
+export {
+  Se as default
+};

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

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

package/es/src/ap-table/components/index/index.vue.d.ts

@@ -0,0 +1,28 @@
+import { ApTableIndexProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableIndexProps>, {
+    bordered: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableIndexProps>, {
+    bordered: boolean;
+}>>>, {
+    bordered: boolean;
+}, {}>;
+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];
+} & {};

package/es/src/ap-table/components/index/index.vue.mjs

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

package/es/src/ap-table/components/index/index.vue2.mjs

@@ -0,0 +1,21 @@
+import { defineComponent as n, computed as l, openBlock as s, createElementBlock as p, normalizeClass as m, toDisplayString as d } from "vue";
+import "../style/index.css";
+import "../../../config-provider/index.mjs";
+import { useNamespace as c } from "../../../config-provider/hooks/use-namespace.mjs";
+const v = /* @__PURE__ */ n({
+  name: "_ApTableIndex",
+  __name: "index",
+  props: {
+    bordered: { type: Boolean, default: !1 },
+    value: {}
+  },
+  setup(e) {
+    const o = e, { m: r } = c("ap-table-index"), t = l(() => [o.bordered ? r("bordered") : null].filter(Boolean));
+    return (a, i) => (s(), p("div", {
+      class: m(t.value)
+    }, d(a.value), 3));
+  }
+});
+export {
+  v as default
+};

package/es/src/ap-table/components/interface.d.ts

@@ -0,0 +1,20 @@
+export type ApTablePaginationProps = {
+    /** dataSource的总数量 */
+    total?: number;
+    /** 当前页码 */
+    current?: number;
+    'onUpdate:current'?: (current: number) => void;
+    /** 当前pagesize */
+    pageSize?: number;
+    'onUpdate:pageSize'?: (pageSize: number) => void;
+};
+export type ApTableIndexProps = {
+    /**
+     * 是否显示有边框的样式
+     */
+    bordered?: boolean;
+    /**
+     * 当前的索引（内部使用，请不要传入）
+     */
+    value?: any;
+};

package/es/src/ap-table/components/style/index.css

@@ -0,0 +1,12 @@
+.aplus-ap-table-index--bordered {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 18px;
+  height: 18px;
+  color: #fff;
+  font-size: 12px;
+  line-height: 12px;
+  border-radius: 9px;
+  background-color: #979797;
+}

package/es/src/ap-table/components/style/pagination.css

@@ -0,0 +1,12 @@
+.aplus-ap-table-pagination {
+  margin-top: 16px;
+}
+.aplus-ap-table-pagination__total {
+  font-size: 14px;
+  line-height: 22px;
+  color: #333333;
+  padding-block: 6px;
+}
+.aplus-ap-table-pagination__total-right {
+  padding-inline-start: 10px;
+}