@aplus-frontend/ui 0.1.8 → 0.1.10

package/es/src/business/ap-label/constans.mjs

@@ -0,0 +1,21 @@
+const e = () => ({
+  value: {
+    type: String,
+    default: void 0
+  },
+  tagValue: {
+    type: String,
+    default: void 0
+  },
+  columns: {
+    type: Array,
+    default: null
+  },
+  record: {
+    type: Object,
+    default: null
+  }
+});
+export {
+  e as ApLabelGroupProps
+};

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

@@ -1,10 +1,29 @@
 import { BadgeProps } from 'ant-design-vue';
 import { TooltipPlacement } from 'ant-design-vue/es/Tooltip';
+import { TagProps } from 'ant-design-vue/es/Tag';
+import { VNode, VNodeChild } from 'vue';
+type Recordable = Record<string, any>;
 export type ApLabelProps = BadgeProps & Partial<{
     helpMessage: string;
     placement: TooltipPlacement;
     iconColor: string;
-    iconType: 'question' | 'warning' | 'ellipsis';
+    iconType: 'question' | 'warning' | 'ellipsis' | 'success';
     iconSize: number;
-    slotName: string;
+    show: boolean;
 }>;
+export type tagConfigKey = TagProps & {
+    value: number | string | undefined | null;
+    text: string;
+};
+export type ApLabelGroupItemProps<T extends Recordable = Recordable> = ApLabelProps & {
+    value?: string | number | null | undefined;
+    tagConfig?: Array<tagConfigKey> | null | undefined;
+    customRender?: (record?: T) => VNodeChild | VNode | string;
+};
+export type ApLabelGroupProps<T extends Recordable = Recordable> = {
+    value: string | number | null | undefined;
+    tagValue?: string | number | null | undefined;
+    columns: Array<ApLabelGroupItemProps<T>> | null;
+    record?: T;
+};
+export {};

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

@@ -1,5 +1,30 @@
 .aplus-ap-label {
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  align-items: start;
   font-size: 14px;
 }
+.aplus-ap-label__content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.aplus-ap-label__custom .ant-tag {
+  height: 24px;
+  line-height: 24px;
+}
+.aplus-ap-label__custom .ant-tag-green {
+  color: #34b77c;
+  border-color: #34b77c;
+  background: rgba(52, 183, 124, 0.06);
+}
+.aplus-ap-label__custom .ant-tag-red {
+  color: #FF4D4F;
+  border-color: #FF4D4F;
+  background: rgba(255, 77, 79, 0.06);
+}
+.aplus-ap-label__custom .ant-tag-blue {
+  color: #1890ff;
+  border-color: #1890ff;
+  background: rgba(24, 144, 255, 0.06);
+}

package/es/src/business/ap-select-layout/select-layout.vue.d.ts

@@ -1,15 +1,15 @@
 import { ApSelectItem, ApSelectLayoutProps } from './interface';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
 declare const _default: <T extends ApSelectItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
-        readonly onOnSelect?: ((value: T) => any) | undefined;
-        readonly onAfterLeave?: ((el: Element) => any) | undefined;
-        readonly onAfterEnter?: ((el: Element) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<{
+        onAfterLeave?: ((el: Element) => any) | undefined;
+        onAfterEnter?: ((el: Element) => any) | undefined;
         onOnSelect?: ((value: T) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{}>> & {
         onAfterLeave?: ((el: Element) => any) | undefined;
         onAfterEnter?: ((el: Element) => any) | undefined;
-    }>, never>, "onAfterLeave" | "onAfterEnter" | "onOnSelect"> & ApSelectLayoutProps<T>> & PublicProps;
+        onOnSelect?: ((value: T) => any) | undefined;
+    }, never>, "onAfterLeave" | "onAfterEnter" | "onOnSelect"> & ApSelectLayoutProps<T>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => {

package/es/src/business/ap-select-layout/select-layout.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as O, ref as s, computed as U, onMounted as W, openBlock as p, createElementBlock as v, normalizeClass as n, unref as e, createVNode as r, Transition as z, withCtx as i, withDirectives as S, createElementVNode as a, toDisplayString as $, createTextVNode as x, Fragment as R, renderList as _, renderSlot as A, vShow as N, createCommentVNode as j } from "vue";
+import { defineComponent as M, ref as s, computed as O, onMounted as U, openBlock as p, createElementBlock as v, normalizeClass as n, unref as e, createVNode as r, Transition as W, withCtx as i, withDirectives as S, createElementVNode as a, toDisplayString as $, createTextVNode as x, Fragment as z, renderList as R, renderSlot as A, vShow as N, createCommentVNode as j } from "vue";
 import "../../ap-field/index.mjs";
 import { IconApLeftarrow as G, IconApMenu as H } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
@@ -7,7 +7,7 @@ import { debounce as K } from "lodash-unified";
 import "./index.css";
 import { useNamespace as P } from "../../config-provider/hooks/use-namespace.mjs";
 import { ApFieldText as Q } from "../../ap-field/text/index.mjs";
-const X = ["onClick"], de = /* @__PURE__ */ O({
+const X = ["onClick"], de = /* @__PURE__ */ M({
   __name: "select-layout",
   props: {
     title: {},
@@ -15,24 +15,24 @@ const X = ["onClick"], de = /* @__PURE__ */ O({
     defaultFold: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "afterEnter", "afterLeave"],
-  setup(w, { emit: B }) {
-    const { b: m, be: f, bem: d } = P("ap-select-layout"), u = w, h = B, y = s(), c = s(u.defaultFold), C = s(!u.defaultFold), g = s(), T = s(), b = s(), k = s(""), L = () => {
-      c.value = !c.value, g.value = !1, T.value = !1;
+  setup(_, { emit: w }) {
+    const { b: m, be: f, bem: d } = P("ap-select-layout"), c = _, h = w, y = s(), u = s(c.defaultFold), C = s(!c.defaultFold), g = s(), T = s(), b = s(), k = s(""), L = () => {
+      u.value = !u.value, g.value = !1, T.value = !1;
     }, F = (t) => {
       b.value = t, h("onSelect", t);
-    }, q = K((t) => {
+    }, B = K((t) => {
       var l;
       k.value = (l = t.target) == null ? void 0 : l.value;
-    }, 500), D = U(() => {
+    }, 500), q = O(() => {
       var t;
       return (t = y.value) == null ? void 0 : t.filter((l) => l.name.includes(k.value));
-    }), I = (t) => {
+    }), D = (t) => {
       C.value = !0, h("afterEnter", t);
-    }, M = (t) => {
+    }, I = (t) => {
       C.value = !1, h("afterLeave", t);
     };
-    return W(() => {
-      u.request().then((t) => {
+    return U(() => {
+      c.request().then((t) => {
         var l;
         y.value = t, F((l = y.value) == null ? void 0 : l[0]);
       });
@@ -41,10 +41,10 @@ const X = ["onClick"], de = /* @__PURE__ */ O({
       return p(), v("div", {
         class: n(e(m)())
       }, [
-        r(z, {
+        r(W, {
           mode: "out-in",
-          onAfterEnter: I,
-          onAfterLeave: M
+          onAfterEnter: D,
+          onAfterLeave: I
         }, {
           default: i(() => [
             S(a("div", {
@@ -53,7 +53,7 @@ const X = ["onClick"], de = /* @__PURE__ */ O({
               a("div", {
                 class: n(e(f)("side", "header"))
               }, [
-                a("h3", null, $(u.title), 1),
+                a("h3", null, $(c.title), 1),
                 a("div", {
                   class: n(e(d)("side", "header", "imgWrap"))
                 }, [
@@ -61,9 +61,9 @@ const X = ["onClick"], de = /* @__PURE__ */ O({
                     open: g.value,
                     "onUpdate:open": l[0] || (l[0] = (o) => g.value = o)
                   }, {
-                    title: i(() => l[2] || (l[2] = [
+                    title: i(() => [
                       x("收起")
-                    ])),
+                    ]),
                     default: i(() => [
                       r(e(G), { onClick: L })
                     ]),
@@ -79,13 +79,13 @@ const X = ["onClick"], de = /* @__PURE__ */ O({
                 }, [
                   r(e(Q), {
                     placeholder: "请输入",
-                    onChange: e(q)
+                    onChange: e(B)
                   }, null, 8, ["onChange"])
                 ], 2),
                 a("div", {
                   class: n(e(d)("side", "body", "scroll"))
                 }, [
-                  (p(!0), v(R, null, _(D.value, (o) => S((p(), v("div", {
+                  (p(!0), v(z, null, R(q.value, (o) => S((p(), v("div", {
                     key: o.value,
                     class: n(`${e(d)("side", "body", "scroll-item")} ${b.value === o ? "active" : ""}`),
                     onClick: (Y) => F(o)
@@ -102,7 +102,7 @@ const X = ["onClick"], de = /* @__PURE__ */ O({
                 ], 2)
               ], 2)
             ], 2), [
-              [N, !c.value]
+              [N, !u.value]
             ])
           ]),
           _: 3
@@ -113,7 +113,7 @@ const X = ["onClick"], de = /* @__PURE__ */ O({
           a("div", {
             class: n(e(f)("content", "header"))
           }, [
-            c.value ? (p(), v("div", {
+            u.value ? (p(), v("div", {
               key: 0,
               class: n(e(d)("content", "header", "imgWrap"))
             }, [
@@ -121,9 +121,9 @@ const X = ["onClick"], de = /* @__PURE__ */ O({
                 open: T.value,
                 "onUpdate:open": l[1] || (l[1] = (o) => T.value = o)
               }, {
-                title: i(() => l[3] || (l[3] = [
+                title: i(() => [
                   x("展开")
-                ])),
+                ]),
                 default: i(() => [
                   r(e(H), { onClick: L })
                 ]),

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

@@ -1,8 +1,33 @@
 import { ApStatusProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ApStatusProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApStatusProps & {}>, {
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApStatusProps>, {
     color: string;
     padding: number;
     show: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApStatusProps>, {
+    color: string;
+    padding: number;
+    show: boolean;
+}>>>, {
+    color: string;
+    padding: number;
+    show: boolean;
+}, {}>;
 export default _default;
+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_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,9 +1,36 @@
 import { ApStatusGroupProps, ApStatusGroupItemProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ApStatusGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApStatusGroupProps & {}>, {
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApStatusGroupProps>, {
+    currentValue: number;
+    padding: number;
+    statusList: null;
+    show: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApStatusGroupProps>, {
+    currentValue: number;
+    padding: number;
+    statusList: null;
+    show: boolean;
+}>>>, {
     padding: number;
     show: boolean;
     currentValue: number | string;
     statusList: ApStatusGroupItemProps[] | null;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+}, {}>;
 export default _default;
+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_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/es/src/business/expandAlert/ApExpandAlert.vue.d.ts

@@ -1,5 +1,5 @@
 import { ApExpandAlertProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 /**
  * @description: 手动调用收起展开
  * @param {boolean} state true 展开 false 收起
@@ -8,26 +8,93 @@ declare function setExpand(state?: boolean): void;
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: DefineComponent<ApExpandAlertProps, {
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApExpandAlertProps>, {
+    /**
+     *  Alert类型
+     */
+    type: string;
+    /**
+     * 数据
+     */
+    data: () => never[];
+    /**
+     *  前缀
+     */
+    prefix: string;
+    /**
+     *  Tooltip 提示标题
+     */
+    tipTitle: string;
+    /**
+     *  分隔符
+     */
+    separator: string;
+    /**
+     *  内容达到几行显示展开收起
+     */
+    rows: number;
+}>, {
     setExpand: typeof setExpand;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     expand: (...args: any[]) => void;
     choose: (...args: any[]) => void;
-}, string, PublicProps, Readonly<ApExpandAlertProps & {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApExpandAlertProps>, {
+    /**
+     *  Alert类型
+     */
+    type: string;
+    /**
+     * 数据
+     */
+    data: () => never[];
+    /**
+     *  前缀
+     */
+    prefix: string;
+    /**
+     *  Tooltip 提示标题
+     */
+    tipTitle: string;
+    /**
+     *  分隔符
+     */
+    separator: string;
+    /**
+     *  内容达到几行显示展开收起
+     */
+    rows: number;
+}>>> & {
     onExpand?: ((...args: any[]) => any) | undefined;
     onChoose?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     type: "warning" | "error" | "success" | "info" | undefined;
     data: Array<any> | string;
     prefix: string;
     separator: string;
     rows: string | number;
     tipTitle: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+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;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};