@aplus-frontend/ui 0.0.25 → 0.0.27

package/es/index.mjs

@@ -101,13 +101,13 @@ import { CheckCard as Tt } from "./src/check-card/index.mjs";
 import { default as St } from "./src/check-card/group.vue.mjs";
 import { ApModal as bt } from "./src/ap-modal/index.mjs";
 import { default as Pt } from "./src/ap-list/index.vue.mjs";
-import { ApExpandAlert as Rt, ApLabel as ht, ApTitle as vt } from "./src/business/index.mjs";
-import { useTablePaging as kt } from "./src/ap-table/hooks/use-table-paging.mjs";
-import { default as Bt } from "./src/ap-table/ap-table.vue.mjs";
-import { default as Lt } from "./src/editable-table/index.vue.mjs";
-import { default as yt } from "./src/editable-table/form-item.vue.mjs";
-import { useMessage as Xt } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as Yt } from "./src/hooks/useControllableValue.mjs";
+import { ApExpandAlert as Rt, ApLabel as ht, ApStatus as vt, ApStatusGroup as Mt, ApTitle as kt } from "./src/business/index.mjs";
+import { useTablePaging as Bt } from "./src/ap-table/hooks/use-table-paging.mjs";
+import { default as Lt } from "./src/ap-table/ap-table.vue.mjs";
+import { default as yt } from "./src/editable-table/index.vue.mjs";
+import { default as Xt } from "./src/editable-table/form-item.vue.mjs";
+import { useMessage as Yt } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as Ht } from "./src/hooks/useControllableValue.mjs";
 const p = {
   install: (r) => {
     for (const t in o) {
@@ -161,10 +161,12 @@ export {
   ht as ApLabel,
   Pt as ApList,
   bt as ApModal,
-  Bt as ApTable,
+  vt as ApStatus,
+  Mt as ApStatusGroup,
+  Lt as ApTable,
   ft as ApTag,
   lt as ApTagGroup,
-  vt as ApTitle,
+  kt as ApTitle,
   ut as ApUpload,
   De as ApiCascader,
   he as ApiRadioGroup,
@@ -190,8 +192,8 @@ export {
   et as DictCode,
   Ao as Dropdown,
   Io as EditTableHeaderIcon,
-  Lt as EditableTable,
-  yt as EditableTableFormItem,
+  yt as EditableTable,
+  Xt as EditableTableFormItem,
   Z as ExpandTransition,
   _ as ExpandXTransition,
   ee as FadeTransition,
@@ -245,18 +247,18 @@ export {
   g as translate,
   jr as useCacheColumnSetting,
   ce as useComponentRegister,
-  Yt as useControllableValue,
+  Ht as useControllableValue,
   ie as useDescription,
   Te as useForm,
   v as useGetDerivedNamespace,
   T as useGlobalConfig,
   P as useLocale,
-  Xt as useMessage,
+  Yt as useMessage,
   oo as useModal,
   _e as useModalContext,
   ro as useModalInner,
   M as useNamespace,
   Do as useTable,
-  kt as useTablePaging,
+  Bt as useTablePaging,
   H as zhCn
 };

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

@@ -73,17 +73,20 @@
 .aplus-ap-table-table-admin tr > td.ant-table-cell {
   border-top-color: #E9E9E9;
 }
-.aplus-ap-table .ant-table-middle .ant-table-cell {
-  padding: 12px 16px !important;
+.aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell {
+  padding: 12px 16px;
 }
-.aplus-ap-table .ant-table-small .ant-table-cell {
-  padding: 9px 16px !important;
+.aplus-ap-table .ant-table.ant-table-middle .ant-table-thead .ant-table-cell {
+  padding: 12px 16px;
 }
-.aplus-ap-table .ant-table-middle .ant-table-placeholder .ant-table-cell {
-  padding: 0 !important;
+.aplus-ap-table .ant-table.ant-table-small .ant-table-row .ant-table-cell {
+  padding: 9px 16px;
 }
-.aplus-ap-table .ant-table-small .ant-table-placeholder .ant-table-cell {
-  padding: 0 !important;
+.aplus-ap-table .ant-table.ant-table-small .ant-table-thead .ant-table-cell {
+  padding: 9px 16px;
+}
+.aplus-ap-table .ant-table-placeholder .ant-table-expanded-row-fixed::after {
+  border-inline-end-width: 0px !important;
 }
 .aplus-ap-table .ant-table-column-sorters {
   justify-content: unset;

package/es/src/business/ap-status/ApStatus.vue.d.ts

@@ -0,0 +1,34 @@
+import { ApStatusProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApStatusProps>, {
+    color: string;
+    padding: number;
+    show: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApStatusProps>, {
+    color: string;
+    padding: number;
+    show: boolean;
+}>>>, {
+    color: string;
+    padding: number;
+    show: 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/business/ap-status/ApStatus.vue.mjs

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

package/es/src/business/ap-status/ApStatus.vue2.mjs

@@ -0,0 +1,39 @@
+import { defineComponent as u, computed as a, openBlock as d, createElementBlock as i, normalizeClass as r, unref as t, normalizeStyle as s, createTextVNode as m, toDisplayString as f, createElementVNode as y, createCommentVNode as g } from "vue";
+import "../../config-provider/index.mjs";
+import "./style.css";
+import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
+const N = /* @__PURE__ */ u({
+  name: "ApStatus",
+  __name: "ApStatus",
+  props: {
+    text: {},
+    padding: { default: 8 },
+    color: { default: "#0070FF" },
+    show: { type: Boolean, default: !0 },
+    style: {}
+  },
+  setup(l) {
+    const e = l, n = a(() => ({
+      "padding-left": e.padding + "px",
+      "padding-right": e.padding + "px",
+      color: e.color,
+      ...e.style
+    })), p = a(() => ({
+      "background-color": e.color
+    })), { b: c, e: o } = x("ap-status");
+    return (S, _) => e.show ? (d(), i("div", {
+      key: 0,
+      class: r([t(c)()]),
+      style: s(n.value)
+    }, [
+      m(f(e.text) + " ", 1),
+      y("div", {
+        class: r([t(o)("bg"), t(o)("primary")]),
+        style: s(p.value)
+      }, null, 6)
+    ], 6)) : g("", !0);
+  }
+});
+export {
+  N as default
+};

package/es/src/business/ap-status/ApStatusGroup.vue.d.ts

@@ -0,0 +1,34 @@
+import { ApStatusGroupProps, ApStatusGroupItemProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApStatusGroupProps>, {
+    currentValue: number;
+    padding: number;
+    statusList: null;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApStatusGroupProps>, {
+    currentValue: number;
+    padding: number;
+    statusList: null;
+}>>>, {
+    padding: number;
+    currentValue: string | number;
+    statusList: ApStatusGroupItemProps[] | null;
+}, {}>;
+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/business/ap-status/ApStatusGroup.vue.mjs

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

package/es/src/business/ap-status/ApStatusGroup.vue2.mjs

@@ -0,0 +1,38 @@
+import { defineComponent as p, computed as l, openBlock as a, createElementBlock as r, normalizeClass as d, unref as c, normalizeStyle as i, Fragment as m, renderList as f, createBlock as g, createCommentVNode as y } from "vue";
+import "../../config-provider/index.mjs";
+import "./ApStatus.vue.mjs";
+import { useNamespace as _ } from "../../config-provider/hooks/use-namespace.mjs";
+import x from "./ApStatus.vue2.mjs";
+const C = /* @__PURE__ */ p({
+  name: "ApStatusGroup",
+  __name: "ApStatusGroup",
+  props: {
+    padding: { default: 8 },
+    currentValue: { default: 0 },
+    statusList: { default: null },
+    style: {}
+  },
+  setup(o) {
+    const t = o, n = l(() => ({
+      "padding-left": t.padding + "px",
+      "padding-right": t.padding + "px",
+      ...t.style
+    })), { b: s } = _("ap-status-group");
+    return (u, k) => t.statusList ? (a(), r("div", {
+      key: 0,
+      class: d([c(s)()]),
+      style: i(n.value)
+    }, [
+      (a(!0), r(m, null, f(t.statusList, (e) => (a(), g(x, {
+        key: e.value,
+        show: e.value === u.currentValue,
+        color: e.color,
+        text: e.text,
+        padding: t.padding
+      }, null, 8, ["show", "color", "text", "padding"]))), 128))
+    ], 6)) : y("", !0);
+  }
+});
+export {
+  C as default
+};

package/es/src/business/ap-status/index.d.ts

@@ -0,0 +1,5 @@
+import { default as ApStatus } from './ApStatus.vue';
+import { default as ApStatusGroup } from './ApStatusGroup.vue';
+
+export * from './interface';
+export { ApStatus, ApStatusGroup };

package/es/src/business/ap-status/interface.d.ts

@@ -0,0 +1,16 @@
+export type ApStatusProps = {
+    text: string;
+    padding?: number;
+    color?: string;
+    show?: boolean;
+    style?: object;
+};
+export type ApStatusGroupItemProps = ApStatusProps & {
+    value: number | string;
+};
+export type ApStatusGroupProps = {
+    padding: number;
+    currentValue: number | string;
+    statusList: ApStatusGroupItemProps[] | null;
+    style?: object;
+};

package/es/src/business/ap-status/style.css

@@ -0,0 +1,26 @@
+@font-face {
+  font-family: customFont;
+  src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/PlayfairDisplay-SemiBold.ttf');
+  src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/SourceHanSerifCN-Heavy.woff2');
+}
+.aplus-ap-status {
+  font-size: 20px;
+  height: 36px;
+  line-height: 36px;
+  display: inline-block;
+  position: relative;
+  font-family: 'customFont';
+}
+.aplus-ap-status__bg {
+  -webkit-mask-image: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/aplus-ui/svg/ap-status-bg.svg');
+          mask-image: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/aplus-ui/svg/ap-status-bg.svg');
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+          mask-size: 100% 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}

package/es/src/business/index.d.ts

@@ -1,9 +1,11 @@
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin, CSSProperties } from 'vue';
 import { LiteralUnion } from 'ant-design-vue/es/_util/type';
 import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
+import { ApStatusGroupItemProps } from './ap-status/interface';
 export type { ApTitleProps } from './title/interface';
 export type { ApExpandAlertProps } from './expandAlert/interface';
 export type { ApLabelProps } from './ap-label/interface';
+export type { ApStatusProps, ApStatusGroupProps, ApStatusGroupItemProps } from './ap-status/interface';
 export declare const ApTitle: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         trigger: {
@@ -26,6 +28,11 @@ export declare const ApTitle: {
             required: true;
             default: string;
         };
+        helpIconColor: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         trigger: {
             type: PropType<"click" | "hover" | "contextmenu" | "focus">;
@@ -47,11 +54,17 @@ export declare const ApTitle: {
             required: true;
             default: string;
         };
+        helpIconColor: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
     }>>, {
         trigger: "click" | "hover" | "contextmenu" | "focus";
         placement: "top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
         title: string;
         helpMessage: string;
+        helpIconColor: string;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -80,11 +93,17 @@ export declare const ApTitle: {
             required: true;
             default: string;
         };
+        helpIconColor: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
     }>>, {}, {}, {}, {}, {
         trigger: "click" | "hover" | "contextmenu" | "focus";
         placement: "top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
         title: string;
         helpMessage: string;
+        helpIconColor: string;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -110,11 +129,17 @@ export declare const ApTitle: {
         required: true;
         default: string;
     };
+    helpIconColor: {
+        type: PropType<string>;
+        required: true;
+        default: string;
+    };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     trigger: "click" | "hover" | "contextmenu" | "focus";
     placement: "top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
     title: string;
     helpMessage: string;
+    helpIconColor: string;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         prefix?(_: {}): any;
@@ -536,3 +561,217 @@ export declare const ApLabel: {
         onClick?: (() => void) | undefined;
     };
 });
+export declare const ApStatus: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        text: {
+            type: PropType<string>;
+            required: true;
+        };
+        color: {
+            type: PropType<string>;
+            default: string;
+        };
+        style: {
+            type: PropType<object>;
+        };
+        padding: {
+            type: PropType<number>;
+            default: number;
+        };
+        show: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        text: {
+            type: PropType<string>;
+            required: true;
+        };
+        color: {
+            type: PropType<string>;
+            default: string;
+        };
+        style: {
+            type: PropType<object>;
+        };
+        padding: {
+            type: PropType<number>;
+            default: number;
+        };
+        show: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {
+        color: string;
+        padding: number;
+        show: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        text: {
+            type: PropType<string>;
+            required: true;
+        };
+        color: {
+            type: PropType<string>;
+            default: string;
+        };
+        style: {
+            type: PropType<object>;
+        };
+        padding: {
+            type: PropType<number>;
+            default: number;
+        };
+        show: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, {}, {}, {}, {
+        color: string;
+        padding: number;
+        show: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    text: {
+        type: PropType<string>;
+        required: true;
+    };
+    color: {
+        type: PropType<string>;
+        default: string;
+    };
+    style: {
+        type: PropType<object>;
+    };
+    padding: {
+        type: PropType<number>;
+        default: number;
+    };
+    show: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    color: string;
+    padding: number;
+    show: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});
+export declare const ApStatusGroup: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        style: {
+            type: PropType<object>;
+        };
+        padding: {
+            type: PropType<number>;
+            required: true;
+            default: number;
+        };
+        currentValue: {
+            type: PropType<string | number>;
+            required: true;
+            default: number;
+        };
+        statusList: {
+            type: PropType< ApStatusGroupItemProps[] | null>;
+            required: true;
+            default: null;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        style: {
+            type: PropType<object>;
+        };
+        padding: {
+            type: PropType<number>;
+            required: true;
+            default: number;
+        };
+        currentValue: {
+            type: PropType<string | number>;
+            required: true;
+            default: number;
+        };
+        statusList: {
+            type: PropType< ApStatusGroupItemProps[] | null>;
+            required: true;
+            default: null;
+        };
+    }>>, {
+        padding: number;
+        currentValue: string | number;
+        statusList: ApStatusGroupItemProps[] | null;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        style: {
+            type: PropType<object>;
+        };
+        padding: {
+            type: PropType<number>;
+            required: true;
+            default: number;
+        };
+        currentValue: {
+            type: PropType<string | number>;
+            required: true;
+            default: number;
+        };
+        statusList: {
+            type: PropType< ApStatusGroupItemProps[] | null>;
+            required: true;
+            default: null;
+        };
+    }>>, {}, {}, {}, {}, {
+        padding: number;
+        currentValue: string | number;
+        statusList: ApStatusGroupItemProps[] | null;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    style: {
+        type: PropType<object>;
+    };
+    padding: {
+        type: PropType<number>;
+        required: true;
+        default: number;
+    };
+    currentValue: {
+        type: PropType<string | number>;
+        required: true;
+        default: number;
+    };
+    statusList: {
+        type: PropType< ApStatusGroupItemProps[] | null>;
+        required: true;
+        default: null;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    padding: number;
+    currentValue: string | number;
+    statusList: ApStatusGroupItemProps[] | null;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});

package/es/src/business/index.mjs

@@ -1,13 +1,19 @@
-import { withInstall as o } from "@aplus-frontend/utils";
+import { withInstall as t } from "@aplus-frontend/utils";
 import "./title/ApTitle.vue.mjs";
 import "./expandAlert/ApExpandAlert.vue.mjs";
 import "./ap-label/ApLabel.vue.mjs";
-import t from "./title/ApTitle.vue2.mjs";
+import "./ap-status/ApStatus.vue.mjs";
+import "./ap-status/ApStatusGroup.vue.mjs";
+import o from "./title/ApTitle.vue2.mjs";
 import m from "./expandAlert/ApExpandAlert.vue2.mjs";
 import r from "./ap-label/ApLabel.vue2.mjs";
-const _ = o(t), l = o(m), e = o(r);
+import p from "./ap-status/ApStatus.vue2.mjs";
+import i from "./ap-status/ApStatusGroup.vue2.mjs";
+const x = t(o), S = t(m), b = t(r), d = t(p), h = t(i);
 export {
-  l as ApExpandAlert,
-  e as ApLabel,
-  _ as ApTitle
+  S as ApExpandAlert,
+  b as ApLabel,
+  d as ApStatus,
+  h as ApStatusGroup,
+  x as ApTitle
 };

package/es/src/business/not-found/interface.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Not Found Props
+ */
+export interface ApNotFoundProps {
+    /**
+     * 底部描述
+     * @default '暂无数据'
+     */
+    description: string;
+    /**
+     * 图片与底部描述间距
+     * @default 20
+     */
+    gap: number;
+    /**
+     * 自定义图片
+     */
+    image: string;
+    /**
+     * 图片宽度
+     * @default 180
+     */
+    imageWidth: number | string;
+}

package/es/src/business/not-found/style.css

@@ -0,0 +1,9 @@
+.aplus-ap-not-found {
+  width: 100%;
+}
+.aplus-ap-not-found__no-data-text {
+  color: #8896b0;
+}
+.aplus-ap-not-found--admin .aplus-ap-not-found__no-data-text {
+  color: #8896b0;
+}