@aplus-frontend/ui 0.1.29 → 0.1.30

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

@@ -1,20 +1,20 @@
-import { isVNode as T, createVNode as u, mergeProps as f, cloneVNode as b, Fragment as y } from "vue";
-import { isObject as c, isArray as p, isUndefined as g, isFunction as h, omit as j, isBoolean as F, isString as a } from "lodash-unified";
-import { apTableRenderItemMap as O, apTableFormItemMap as E } from "./constants.mjs";
-import { isType as x } from "@fruits-chain/utils";
+import { isVNode as m, createVNode as u, mergeProps as f, cloneVNode as T, Fragment as b } from "vue";
+import { isObject as c, isArray as p, isUndefined as y, isFunction as g, omit as h, isBoolean as j, isString as a } from "lodash-unified";
+import { apTableRenderItemMap as F, apTableFormItemMap as O } from "./constants.mjs";
+import { isType as E } from "@fruits-chain/utils";
 import "../ap-form/index.mjs";
-import { Tooltip as N } from "ant-design-vue";
-import { QuestionCircleOutlined as S } from "@ant-design/icons-vue";
-import I from "../ap-form/ap-form-item.vue.mjs";
-function v(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !T(t);
+import { Tooltip as x } from "ant-design-vue";
+import { QuestionCircleOutlined as N } from "@ant-design/icons-vue";
+import S from "../ap-form/ap-form-item.vue.mjs";
+function I(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !m(t);
 }
-const P = (t, e, n) => {
+const v = (t, e, n) => {
   let r = {};
   return c(t) ? Object.keys(t).forEach((o) => {
-    c(t[o]) ? r[o] = P(t[o], e[o], n) : r[o] = n(t[o], e);
+    c(t[o]) ? r[o] = v(t[o], e[o], n) : r[o] = n(t[o], e);
   }) : r = n(t, e), r;
-}, J = (t, e) => {
+}, H = (t, e) => {
   switch (t) {
     case "dayjs":
       return e.valueOf();
@@ -35,15 +35,15 @@ const P = (t, e, n) => {
       return e;
   }
 };
-function L(t) {
+function J(t) {
   return p(t) ? t.join(".") : t;
 }
-function V(t) {
+function P(t) {
   const e = Object.prototype.toString.call(t).match(/^\[object (.*)\]$/)[1].toLowerCase();
   return e === "string" && typeof t == "object" ? "object" : t === null ? "null" : t === void 0 ? "undefined" : e;
 }
-const w = (t) => V(t) === "map" ? t : new Map(Object.entries(t || {})), d = (t) => {
-  const e = [], n = w(t);
+const V = (t) => P(t) === "map" ? t : new Map(Object.entries(t || {})), d = (t) => {
+  const e = [], n = V(t);
   return n.forEach((r, o) => {
     const i = n.get(o) || n.get(`${o}`);
     if (i) {
@@ -63,7 +63,7 @@ const w = (t) => V(t) === "map" ? t : new Map(Object.entries(t || {})), d = (t)
       });
     }
   }), e;
-}, Q = (t) => g(t) || t < 0 ? 0 : t, U = (t, e, n) => {
+}, L = (t) => y(t) || t < 0 ? 0 : t, Q = (t, e, n) => {
   if (n)
     return n;
   const r = ["select", "date"], o = ["text", "textArea", "number"];
@@ -74,16 +74,16 @@ const w = (t) => V(t) === "map" ? t : new Map(Object.entries(t || {})), d = (t)
   if (o.includes(e))
     return t("ap.common.inputText");
 };
-function A(t, e) {
-  return !t || !h(t) ? t : t(e);
+function w(t, e) {
+  return !t || !g(t) ? t : t(e);
 }
-function W(t) {
+function U(t) {
   let e = t.valueType || "text";
   return t.valueEnum && (e = "status"), e;
 }
 function z(t, e, n, r) {
   var s;
-  const o = O[t];
+  const o = F[t];
   if (o)
     return u(o, f(e, {
       mode: "read"
@@ -95,34 +95,34 @@ function G(t, e) {
   if (t.customRenderFormItem)
     return () => {
       const o = t.customRenderFormItem(t);
-      return b(o, {
+      return T(o, {
         ...t.fieldProps,
         span: t.span,
         ...o.props || {}
       });
     };
-  const n = E[t.valueType];
+  const n = O[t.valueType];
   if (n)
     return n;
   const r = e == null ? void 0 : e[t.valueType];
   return () => {
     var i;
     const o = (i = r == null ? void 0 : r.renderFormItem) == null ? void 0 : i.call(r, t.fieldProps.field);
-    return o ? u(I, f(t.fieldProps, {
+    return o ? u(S, f(t.fieldProps, {
       span: t.span
-    }), v(o) ? o : {
+    }), I(o) ? o : {
       default: () => [o]
     }) : null;
   };
 }
 function K(t, e) {
-  const n = A(t.fieldProps, e), r = (n == null ? void 0 : n.field) || n || {}, o = t.valueType === "switch", i = t.valueType === "index", s = o ? {
+  const n = w(t.fieldProps, e), r = (n == null ? void 0 : n.field) || n || {}, o = t.valueType === "switch", i = t.valueType === "index", s = o ? {
     checked: e.value
   } : {
     value: i ? e.index + 1 : e.value
   };
   return t.valueEnum && (r.valueEnum = t.valueEnum), {
-    ...j(r, ["request"]),
+    ...h(r, ["request"]),
     ...s
   };
 }
@@ -130,7 +130,7 @@ function X(t) {
   const e = {
     ...t
   };
-  return F(t.filters) && t.filters && t.valueEnum && (e.filters = d(t.valueEnum)), e;
+  return j(t.filters) && t.filters && t.valueEnum && (e.filters = d(t.valueEnum)), e;
 }
 function Y(t, e) {
   var r;
@@ -141,7 +141,7 @@ function Y(t, e) {
   }), n;
 }
 function Z(t) {
-  if (!x("Object")(t))
+  if (!E("Object")(t))
     return t;
   try {
     return JSON.stringify(t);
@@ -159,40 +159,40 @@ function k(t, e, n, r) {
   const s = a(t.title) ? u("span", {
     class: e,
     title: t.title
-  }, [t.title]) : t.title, l = t.tooltip ? a(t.tooltip) ? u(y, null, [t.tooltip]) : t.tooltip(t) : null, m = u("span", {
+  }, [t.title]) : t.title, l = t.tooltip ? a(t.tooltip) ? u(b, null, [t.tooltip]) : t.tooltip(t) : null;
+  return l ? u("span", {
     style: {
       display: "inline-flex",
       alignItems: "center"
     }
-  }, [s, u(N, {
+  }, [s, u(x, {
     title: l,
     placement: "bottom"
   }, {
-    default: () => [u(S, {
+    default: () => [u(N, {
       style: {
         padding: "4px",
         color: r,
         verticalAlign: "middle"
       }
     }, null)]
-  })]);
-  return l ? m : s;
+  })]) : s;
 }
 export {
   X as apColumnToColumn,
-  L as dataIndexToStr,
-  P as formatParamsValueType,
-  Q as getColumnOrder,
-  A as getFieldProps,
-  U as getPlaceholder,
+  J as dataIndexToStr,
+  v as formatParamsValueType,
+  L as getColumnOrder,
+  w as getFieldProps,
+  Q as getPlaceholder,
   G as getSearchFormItemRenderNode,
   z as getTableCellRenderNode,
   K as getTableRenderProps,
-  W as getTableRenderType,
+  U as getTableRenderType,
   k as getTableTitle,
-  w as objectToMap,
+  V as objectToMap,
   Z as objectToString,
-  J as parseFieldValue,
+  H as parseFieldValue,
   Y as updateFormProps,
   d as valueEnumToArray
 };

package/es/src/business/ap-action-button/ApActionButton.vue.d.ts

@@ -0,0 +1,43 @@
+import { ApActionButtonProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ButtonType } from 'ant-design-vue/es/button';
+declare function __VLS_template(): {
+    slots: Partial<Record<string, (_: any) => any>>;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApActionButtonProps>, {
+    type: string;
+    minWidth: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApActionButtonProps>, {
+    type: string;
+    minWidth: boolean;
+}>>>, {
+    type: ButtonType | "borderLink";
+    minWidth: boolean | number | string;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[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;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/business/ap-action-button/ApActionButton.vue.mjs

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

package/es/src/business/ap-action-button/ApActionButton.vue2.mjs

@@ -0,0 +1,97 @@
+import { defineComponent as M, computed as a, openBlock as h, createBlock as P, unref as p, mergeProps as x, createSlots as A, renderList as _, withCtx as w, renderSlot as z, normalizeProps as F, guardReactiveProps as O } from "vue";
+import "./index.css";
+import { Button as S } from "ant-design-vue";
+import "../../config-provider/index.mjs";
+import { omit as T } from "lodash-unified";
+import { useNamespace as j } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as G } from "../../config-provider/hooks/use-global-config.mjs";
+const I = 88, K = /* @__PURE__ */ M({
+  __name: "ApActionButton",
+  props: {
+    prefixCls: {},
+    htmlType: {},
+    shape: {},
+    size: {},
+    loading: { type: [Boolean, Object] },
+    disabled: { type: Boolean },
+    ghost: { type: Boolean },
+    block: { type: Boolean },
+    danger: { type: Boolean },
+    icon: {},
+    href: {},
+    target: {},
+    title: {},
+    onClick: {},
+    onMousedown: {},
+    type: { default: "borderLink" },
+    borderLinkColor: {},
+    minWidth: { type: [Boolean, Number, String], default: !0 }
+  },
+  setup(v) {
+    const e = v, c = {
+      aplus: "#0070FF",
+      admin: "#34b77c"
+    }, { b: l } = j("ap-action-button"), g = G("uiMode"), k = a(
+      () => e.borderLinkColor || c[g.value] || c.aplus
+    ), d = a(
+      () => e.type === "borderLink" ? k.value : void 0
+    ), f = a(() => $(d.value)), B = a(() => e.minWidth === !0 ? `${I}px` : typeof e.minWidth == "number" ? `${e.minWidth}px` : typeof e.minWidth == "string" ? e.minWidth : void 0), W = a(
+      () => (e.type === "borderLink" ? "default" : e.type) || "default"
+    );
+    function L() {
+      const r = T(e, ["type", "borderLinkColor", "minWidth"]);
+      return r ? {
+        ...r,
+        type: W.value
+      } : {};
+    }
+    function $(r, s = "0.7") {
+      var y;
+      try {
+        var t = r == null ? void 0 : r.toLowerCase(), u = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+        if (t && u.test(t)) {
+          if (t.length === 4) {
+            for (var m = "#", o = 1; o < 4; o += 1)
+              m += t.slice(o, o + 1).concat(t.slice(o, o + 1));
+            t = m;
+          }
+          for (var b = [], i = 1; i < 7; i += 2)
+            b.push(parseInt("0x" + t.slice(i, i + 2)));
+          return "rgba(" + b.join(",") + "," + s + ")";
+        }
+        if (t && t.startsWith("rgb")) {
+          let n = t.match(/(\d(\.\d+)?)+/g);
+          return n = (y = n == null ? void 0 : n.slice(0, 3)) == null ? void 0 : y.concat(s), "rgba(" + n.join(",") + ")";
+        }
+        return t;
+      } catch {
+        return;
+      }
+    }
+    return (r, s) => (h(), P(p(S), x({
+      class: {
+        [p(l)()]: !0,
+        [`${p(l)()}-border-link`]: f.value
+      }
+    }, {
+      ...r.$attrs,
+      ...L()
+    }, {
+      style: {
+        color: d.value,
+        minWidth: B.value,
+        "--button-border-color": f.value
+      }
+    }), A({ _: 2 }, [
+      _(Object.keys(r.$slots), (t) => ({
+        name: t,
+        fn: w((u) => [
+          z(r.$slots, t, F(O(u || {})))
+        ])
+      }))
+    ]), 1040, ["class", "style"]));
+  }
+});
+export {
+  K as default
+};

package/es/src/business/ap-action-button/index.css

@@ -0,0 +1,6 @@
+.aplus-ap-action-button-border-link:not(:disabled):hover,
+.aplus-ap-action-button-border-link:not(:disabled):active,
+.aplus-ap-action-button-border-link:not(:disabled):focus {
+  border-color: var(--button-border-color);
+  color: var(--button-border-color) !important;
+}

package/es/src/business/ap-action-button/interface.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from 'ant-design-vue';
+export type ApActionButtonProps = Omit<ButtonProps, 'type'> & {
+    type?: ButtonProps['type'] | 'borderLink';
+    borderLinkColor?: string;
+    minWidth?: boolean | number | string;
+};

package/es/src/business/ap-action-button/interface.mjs

@@ -0,0 +1 @@
+

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

@@ -30,6 +30,7 @@ export type { ApExportGroupProps } from './ap-export-group/interface';
 export type { ApLadderProps, ApLadderLabelValue, CurrencyCode, TooltipNeedProps } from './ap-ladder/interface';
 export * from './ap-batch-action-group/interface';
 export type { AttachmentItemProps, ApAttachmentProps } from './ap-attachment';
+export * from './ap-action-button/interface';
 export declare const ApTitle: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         title: {
@@ -2798,5 +2799,269 @@ export declare const ApAttachment: DefineComponent<{
     attachmentList: AttachmentItemProps[];
     fileMorePopoverPlacement: TooltipPlacement;
 }, {}>;
+export declare const ApActionButton: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        size: {
+            type: PropType<"small" | "large" | "middle">;
+        };
+        type: {
+            type: PropType< ButtonType | "borderLink">;
+            default: string;
+        };
+        title: {
+            type: PropType<string>;
+        };
+        onClick: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+        onMousedown: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+        block: {
+            type: PropType<boolean>;
+        };
+        icon: {
+            type: PropType<any>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        minWidth: {
+            type: PropType<string | number | boolean>;
+            default: boolean;
+        };
+        target: {
+            type: PropType<string>;
+        };
+        prefixCls: {
+            type: PropType<string>;
+        };
+        htmlType: {
+            type: PropType<ButtonHTMLType>;
+        };
+        shape: {
+            type: PropType<ButtonShape>;
+        };
+        loading: {
+            type: PropType<boolean | {
+                delay?: number;
+            }>;
+        };
+        ghost: {
+            type: PropType<boolean>;
+        };
+        danger: {
+            type: PropType<boolean>;
+        };
+        href: {
+            type: PropType<string>;
+        };
+        borderLinkColor: {
+            type: PropType<string>;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        size: {
+            type: PropType<"small" | "large" | "middle">;
+        };
+        type: {
+            type: PropType< ButtonType | "borderLink">;
+            default: string;
+        };
+        title: {
+            type: PropType<string>;
+        };
+        onClick: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+        onMousedown: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+        block: {
+            type: PropType<boolean>;
+        };
+        icon: {
+            type: PropType<any>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        minWidth: {
+            type: PropType<string | number | boolean>;
+            default: boolean;
+        };
+        target: {
+            type: PropType<string>;
+        };
+        prefixCls: {
+            type: PropType<string>;
+        };
+        htmlType: {
+            type: PropType<ButtonHTMLType>;
+        };
+        shape: {
+            type: PropType<ButtonShape>;
+        };
+        loading: {
+            type: PropType<boolean | {
+                delay?: number;
+            }>;
+        };
+        ghost: {
+            type: PropType<boolean>;
+        };
+        danger: {
+            type: PropType<boolean>;
+        };
+        href: {
+            type: PropType<string>;
+        };
+        borderLinkColor: {
+            type: PropType<string>;
+        };
+    }>>, {
+        type: ButtonType | "borderLink";
+        minWidth: boolean | number | string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        size: {
+            type: PropType<"small" | "large" | "middle">;
+        };
+        type: {
+            type: PropType< ButtonType | "borderLink">;
+            default: string;
+        };
+        title: {
+            type: PropType<string>;
+        };
+        onClick: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+        onMousedown: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+        block: {
+            type: PropType<boolean>;
+        };
+        icon: {
+            type: PropType<any>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        minWidth: {
+            type: PropType<string | number | boolean>;
+            default: boolean;
+        };
+        target: {
+            type: PropType<string>;
+        };
+        prefixCls: {
+            type: PropType<string>;
+        };
+        htmlType: {
+            type: PropType<ButtonHTMLType>;
+        };
+        shape: {
+            type: PropType<ButtonShape>;
+        };
+        loading: {
+            type: PropType<boolean | {
+                delay?: number;
+            }>;
+        };
+        ghost: {
+            type: PropType<boolean>;
+        };
+        danger: {
+            type: PropType<boolean>;
+        };
+        href: {
+            type: PropType<string>;
+        };
+        borderLinkColor: {
+            type: PropType<string>;
+        };
+    }>>, {}, {}, {}, {}, {
+        type: ButtonType | "borderLink";
+        minWidth: boolean | number | string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    size: {
+        type: PropType<"small" | "large" | "middle">;
+    };
+    type: {
+        type: PropType< ButtonType | "borderLink">;
+        default: string;
+    };
+    title: {
+        type: PropType<string>;
+    };
+    onClick: {
+        type: PropType< MouseEventHandler | MouseEventHandler[]>;
+    };
+    onMousedown: {
+        type: PropType< MouseEventHandler | MouseEventHandler[]>;
+    };
+    block: {
+        type: PropType<boolean>;
+    };
+    icon: {
+        type: PropType<any>;
+    };
+    disabled: {
+        type: PropType<boolean>;
+    };
+    minWidth: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    target: {
+        type: PropType<string>;
+    };
+    prefixCls: {
+        type: PropType<string>;
+    };
+    htmlType: {
+        type: PropType<ButtonHTMLType>;
+    };
+    shape: {
+        type: PropType<ButtonShape>;
+    };
+    loading: {
+        type: PropType<boolean | {
+            delay?: number;
+        }>;
+    };
+    ghost: {
+        type: PropType<boolean>;
+    };
+    danger: {
+        type: PropType<boolean>;
+    };
+    href: {
+        type: PropType<string>;
+    };
+    borderLinkColor: {
+        type: PropType<string>;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    type: ButtonType | "borderLink";
+    minWidth: boolean | number | string;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: any) => any>>;
+}) & ( Plugin & (new (...args: any[]) => {
+    $props: {
+        onClick?: () => void;
+    };
+}));
 export { ApTransformDataHelper };
 export * from './ap-table-modal';