@aplus-frontend/ui 0.1.22 → 0.1.24

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

@@ -50,6 +50,9 @@
 .aplus-ap-table-table tr > th.ant-table-cell {
   background-color: var(--ap-table-header-bg, #F2F6F9);
 }
+.aplus-ap-table-table tr > th.ant-table-cell::before {
+  background-color: #D8DDE5 !important;
+}
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell {
   padding: 12px 16px;
 }

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

@@ -154,7 +154,7 @@ function k(t, e, n) {
     title: t.title,
     column: t
   });
-  if (o && (o.length > 1 || o[0].children !== "v-if"))
+  if (o && (o.length > 1 || o[0].children && o[0].children !== "v-if"))
     return o;
   const r = c(t.title) ? u("span", {
     style: E,

package/es/src/business/ap-attachment/ApAttachment.d.ts

@@ -0,0 +1,97 @@
+import { AttachmentItemProps, ApAttachmentProps } from './interface';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
+declare const _default: DefineComponent<{
+    attachmentList: {
+        type: PropType<Array<AttachmentItemProps>>;
+        default: never[];
+        required: boolean;
+    };
+    textToolTipPlacement: {
+        type: PropType< ApAttachmentProps["textToolTipPlacement"]>;
+        default: string;
+    };
+    fileMorePopoverPlacement: {
+        type: PropType< ApAttachmentProps["fileMorePopoverPlacement"]>;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    needName: {
+        type: PropType<{
+            nameKey?: string;
+            pathKey?: string;
+        }>;
+        default: () => {
+            nameKey: string;
+            pathKey: string;
+        };
+    };
+    getOssAccess: {
+        type: PropType< ApAttachmentProps["getOssAccess"]>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolTipBgColor: {
+        type: StringConstructor;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    attachmentList: {
+        type: PropType<Array<AttachmentItemProps>>;
+        default: never[];
+        required: boolean;
+    };
+    textToolTipPlacement: {
+        type: PropType< ApAttachmentProps["textToolTipPlacement"]>;
+        default: string;
+    };
+    fileMorePopoverPlacement: {
+        type: PropType< ApAttachmentProps["fileMorePopoverPlacement"]>;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    needName: {
+        type: PropType<{
+            nameKey?: string;
+            pathKey?: string;
+        }>;
+        default: () => {
+            nameKey: string;
+            pathKey: string;
+        };
+    };
+    getOssAccess: {
+        type: PropType< ApAttachmentProps["getOssAccess"]>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolTipBgColor: {
+        type: StringConstructor;
+    };
+}>>, {
+    size: string;
+    disabled: boolean;
+    needName: {
+        nameKey?: string;
+        pathKey?: string;
+    };
+    textToolTipPlacement: TooltipPlacement;
+    attachmentList: AttachmentItemProps[];
+    fileMorePopoverPlacement: TooltipPlacement;
+}, {}>;
+export default _default;

package/es/src/business/ap-attachment/ApAttachment.mjs

@@ -0,0 +1,82 @@
+import { defineComponent as O, useSlots as T, computed as a, cloneVNode as P, unref as k, toRaw as u, createVNode as o, createTextVNode as S } from "vue";
+import { Tooltip as V, Popover as b } from "ant-design-vue";
+import "../../config-provider/index.mjs";
+import { ApAttachmentProps as z } from "./constans.mjs";
+import { getHexWithOpacity as I, getFileInfo as M } from "../../ap-download/utils/getFileInfo.mjs";
+import "./style.css";
+import { useOssInit as U } from "../../ap-download/hooks/index.mjs";
+import { isArray as _ } from "lodash-unified";
+import { useNamespace as B } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as h } from "../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as G } from "../../config-provider/hooks/use-locale.mjs";
+const Y = /* @__PURE__ */ O({
+  name: "ApAttachment",
+  props: z(),
+  setup(t) {
+    const {
+      b: p,
+      e: l
+    } = B("ap-attachment"), A = h("uiMode"), g = h("apUpload"), {
+      lang: w,
+      t: i
+    } = G(), s = T(), C = a(() => w.value === "zh-cn" ? "zh_CN" : "en_US"), n = a(() => t.attachmentList.length === 1), d = a(() => t.attachmentList.length > 0 ? t.attachmentList[0].fileName : ""), N = a(() => n.value ? d.value : i("ap.apAttachment.downloadall")), f = a(() => t.color ? t.color : A.value === "aplus" ? "#0070FF" : "#1890FF"), y = a(() => ({
+      width: n.value ? "auto" : "266px"
+    })), v = a(() => ({
+      "--download-main-color": f.value,
+      "--download-main-color-opacity": I(f.value, 0.6)
+    })), F = a(() => {
+      var e;
+      return t.getOssAccess || ((e = g.value) == null ? void 0 : e.getOssAccess);
+    }), L = a(() => {
+      const e = s.default ? s.default()[0] : null;
+      return e ? P(e, {
+        style: {
+          "font-size": "16px"
+        }
+      }) : null;
+    }), r = async (e) => {
+      if (!t.disabled) {
+        const c = await U(F.value, k(C)), m = _(u(e)) ? u(e) : [u(e)];
+        await c.downloadFile(M(t.needName, m));
+      }
+    }, x = (e) => e && e.length > 0 ? o("ul", {
+      class: [l("file-list")],
+      style: v.value
+    }, [e.map((c, m) => o("li", {
+      key: m,
+      class: [l("file-item")],
+      onClick: () => r(c)
+    }, [c.fileName])), o("li", {
+      class: [l("down-load-all")],
+      onClick: () => r(t.attachmentList)
+    }, [i("ap.apAttachment.downloadall")])]) : null;
+    return () => o("div", {
+      class: [p()],
+      style: [y.value, v.value]
+    }, [o(V, {
+      title: N.value,
+      placement: t.textToolTipPlacement,
+      color: t.toolTipBgColor
+    }, {
+      default: () => [o("div", {
+        class: [l("content")],
+        onClick: () => r(n.value ? t.attachmentList[0] : t.attachmentList)
+      }, [s.default ? o("div", {
+        class: [l("text-render")]
+      }, [L.value, S(" ")]) : null, o("div", {
+        class: [l("text-inner")]
+      }, [d.value])])]
+    }), o(b, {
+      content: x(t.attachmentList),
+      placement: t.fileMorePopoverPlacement,
+      color: "#fff"
+    }, {
+      default: () => [!n.value && o("div", {
+        class: [l("more")]
+      }, [i("ap.apAttachment.more")])]
+    })]);
+  }
+});
+export {
+  Y as default
+};

package/es/src/business/ap-attachment/constans.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { ApAttachmentProps as _ApAttachmentProps, AttachmentItemProps } from './interface';
+export declare const ApAttachmentProps: () => {
+    attachmentList: {
+        type: PropType<Array<AttachmentItemProps>>;
+        default: never[];
+        required: boolean;
+    };
+    textToolTipPlacement: {
+        type: PropType<_ApAttachmentProps["textToolTipPlacement"]>;
+        default: string;
+    };
+    fileMorePopoverPlacement: {
+        type: PropType<_ApAttachmentProps["fileMorePopoverPlacement"]>;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    needName: {
+        type: PropType<{
+            nameKey?: string;
+            pathKey?: string;
+        }>;
+        default: () => {
+            nameKey: string;
+            pathKey: string;
+        };
+    };
+    getOssAccess: {
+        type: PropType<_ApAttachmentProps["getOssAccess"]>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolTipBgColor: {
+        type: StringConstructor;
+    };
+};

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

@@ -0,0 +1,42 @@
+const e = () => ({
+  attachmentList: {
+    type: Array,
+    default: [],
+    required: !0
+  },
+  textToolTipPlacement: {
+    type: String,
+    default: "topLeft"
+  },
+  fileMorePopoverPlacement: {
+    type: String,
+    default: "bottom"
+  },
+  color: {
+    type: String
+  },
+  size: {
+    type: String,
+    default: "middle"
+  },
+  needName: {
+    type: Object,
+    default: () => ({
+      nameKey: "fileName",
+      pathKey: "filePath"
+    })
+  },
+  getOssAccess: {
+    type: Function
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  toolTipBgColor: {
+    type: String
+  }
+});
+export {
+  e as ApAttachmentProps
+};

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

@@ -0,0 +1,3 @@
+import { default as ApAttachment } from './ApAttachment';
+export * from './interface';
+export { ApAttachment };

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

@@ -0,0 +1,13 @@
+import { ApDownLoadProps } from '../../ap-download/interface';
+import { TooltipPlacement } from 'ant-design-vue/es/Tooltip';
+export type AttachmentItemProps = {
+    fileName: string;
+    filePath: string;
+    [key: string]: any;
+};
+export type ApAttachmentProps = Required<{
+    attachmentList: Array<AttachmentItemProps> | [];
+    textToolTipPlacement?: TooltipPlacement;
+    fileMorePopoverPlacement?: TooltipPlacement;
+    toolTipBgColor?: string;
+} & Pick<ApDownLoadProps, 'color' | 'size' | 'needName' | 'disabled'>> & Pick<ApDownLoadProps, 'getOssAccess'>;

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

@@ -0,0 +1,62 @@
+.aplus-ap-attachment {
+  display: inline-flex;
+  justify-content: space-between;
+}
+.aplus-ap-attachment__content {
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-attachment__text-render {
+  color: var(--download-main-color);
+  margin-right: 5px;
+}
+.aplus-ap-attachment__text-render:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-attachment__text-inner {
+  max-width: 190px;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 14px;
+  cursor: pointer;
+  color: var(--download-main-color);
+}
+.aplus-ap-attachment__text-inner:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-attachment__more {
+  display: inline-block;
+  font-size: 14px;
+  cursor: pointer;
+  color: var(--download-main-color);
+}
+.aplus-ap-attachment__more:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-attachment__file-list {
+  max-width: 312px;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ap-attachment__file-item {
+  flex: 1;
+  flex-wrap: wrap;
+  margin-bottom: 16px;
+  font-size: 14px;
+  color: #000;
+  cursor: pointer;
+}
+.aplus-ap-attachment__file-item:hover {
+  color: var(--download-main-color);
+}
+.aplus-ap-attachment__down-load-all {
+  font-size: 14px;
+  color: var(--download-main-color);
+  cursor: pointer;
+  margin-bottom: 0;
+}
+.aplus-ap-attachment__down-load-all:hover {
+  color: var(--download-main-color-opacity);
+}

package/es/src/business/ap-input-radio/ApInputRadio.vue.d.ts

@@ -6,12 +6,14 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOpti
     stringMode: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
+    InputRadioChange: (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApInputRadioProps>, {
     bordered: boolean;
     controls: boolean;
     stringMode: boolean;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onInputRadioChange?: ((...args: never) => any) | undefined;
 }, {
     bordered: boolean;
     stringMode: boolean;

package/es/src/business/ap-input-radio/ApInputRadio.vue2.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as f, openBlock as g, createElementBlock as C, normalizeClass as h, unref as t, createVNode as u, mergeProps as B } from "vue";
+import { defineComponent as g, openBlock as C, createElementBlock as h, normalizeClass as I, unref as t, createVNode as l, mergeProps as B } from "vue";
 import "../../config-provider/index.mjs";
-import { Form as I, InputNumber as b, RadioGroup as _ } from "ant-design-vue";
+import { Form as R, InputNumber as b, RadioGroup as _ } from "ant-design-vue";
 import { omit as x } from "lodash-unified";
 import "./style.css";
 import { useNamespace as y } from "../../config-provider/hooks/use-namespace.mjs";
-const G = /* @__PURE__ */ f({
+const G = /* @__PURE__ */ g({
   name: "ApInputRadio",
+  inheritAttrs: !1,
   __name: "ApInputRadio",
   props: {
     disabled: { type: Boolean },
@@ -26,32 +27,34 @@ const G = /* @__PURE__ */ f({
     onBlur: {},
     onFocus: {},
     value: {},
-    options: {}
+    options: {},
+    onInputRadioChange: {}
   },
-  emits: ["update:value"],
-  setup(p, { emit: l }) {
-    const s = I.useInjectFormItemContext(), e = p, { b: i, e: m } = y("ap-input-radio"), c = l, n = (o) => {
-      c("update:value", { ...e.value, ...o }), s.onFieldChange();
-    }, d = (o) => {
-      n({ inputval: o });
+  emits: ["update:value", "InputRadioChange"],
+  setup(i, { emit: s }) {
+    const m = R.useInjectFormItemContext(), e = i, { b: c, e: d } = y("ap-input-radio"), a = s, r = (o) => {
+      let n = { ...e.value, ...o };
+      a("update:value", n), a("InputRadioChange", n), m.onFieldChange();
     }, v = (o) => {
-      n({ radioVal: o.target.value });
+      r({ inputval: o });
+    }, f = (o) => {
+      r({ radioVal: o.target.value });
     };
-    return (o, F) => {
-      var a, r;
-      return g(), C("div", {
-        class: h([t(i)()])
+    return (o, n) => {
+      var u, p;
+      return C(), h("div", {
+        class: I([t(c)()])
       }, [
-        u(t(b), B({
-          class: t(m)("input-number")
+        l(t(b), B({
+          class: t(d)("input-number")
         }, t(x)(e, ["value", "options"]), {
-          value: e.value ? (a = e.value) == null ? void 0 : a.inputval : "",
-          onChange: d
+          value: e.value ? (u = e.value) == null ? void 0 : u.inputval : "",
+          onChange: v
         }), null, 16, ["class", "value"]),
-        u(t(_), {
-          value: e.value ? (r = e.value) == null ? void 0 : r.radioVal : "",
+        l(t(_), {
+          value: e.value ? (p = e.value) == null ? void 0 : p.radioVal : "",
           options: e.options,
-          onChange: v
+          onChange: f
         }, null, 8, ["value", "options"])
       ], 2);
     };

package/es/src/business/ap-input-radio/interface.d.ts

@@ -1,8 +1,10 @@
 import { InputNumberProps } from 'ant-design-vue/es/input-number';
 type ApInputProps = Pick<InputNumberProps, 'disabled' | 'stringMode' | 'precision' | 'max' | 'min' | 'step' | 'bordered' | 'autofocus' | 'decimalSeparator' | 'controls' | 'formatter' | 'onInput' | 'onChange' | 'onPressEnter' | 'onStep' | 'onBlur' | 'onFocus'>;
-type ApInputValyeName = 'inputval' | 'radioVal';
 export type ApInputValType = {
-    value?: Record<ApInputValyeName, string | number>;
+    value: {
+        inputval: string | number;
+        radioVal: string | number;
+    };
 };
 export type ApInputRadioOptions = Array<{
     value: string | number;
@@ -10,5 +12,9 @@ export type ApInputRadioOptions = Array<{
 }>;
 export type ApInputRadioProps = ApInputProps & ApInputValType & {
     options: ApInputRadioOptions;
+    onInputRadioChange: (value: {
+        inputval: string | number;
+        radioVal: string | number;
+    }) => void;
 };
 export {};

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

@@ -1,12 +1,12 @@
-import { defineComponent as c, useSlots as r, computed as m, createVNode as e, mergeProps as d } from "vue";
-import { Tooltip as f, Badge as p } from "ant-design-vue";
+import { defineComponent as a, useSlots as r, computed as m, createVNode as e, mergeProps as d } from "vue";
+import { Tooltip as p, Badge as f } from "ant-design-vue";
 import { IconApAdLineAnnotation as A, IconApAdFillWarn as y, IconApAdFillExecution as v, IconApAdFillSuccessful as b } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
 import { ApLabelProps as g } from "./constans.mjs";
 import { omit as T } from "lodash-unified";
 import "./style.css";
 import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
-const B = /* @__PURE__ */ c({
+const B = /* @__PURE__ */ a({
   name: "ApLabel",
   props: g(),
   setup(l) {
@@ -17,8 +17,9 @@ const B = /* @__PURE__ */ c({
       color: l.iconColor,
       "font-size": l.iconSize + "px",
       "margin-left": "4px",
-      display: "inline-flex"
-    })), a = (u, t) => u ? e(f, {
+      display: "inline-flex",
+      cursor: "pointer"
+    })), c = (u, t) => u ? e(p, {
       title: u,
       placement: t.placement || "top",
       color: t.toolTipBgColor
@@ -37,9 +38,9 @@ const B = /* @__PURE__ */ c({
       class: [s()]
     }, [e("div", {
       class: [i("content")]
-    }, [e(p, d(T(l, ["helpMessage", "placement", "iconColor"]), {
+    }, [e(f, d(T(l, ["helpMessage", "placement", "iconColor"]), {
       status: l.status ? l.status : "default"
-    }), null), o.default ? o.default() : a(l.helpMessage, l)]), o.custom ? e("div", {
+    }), null), o.default ? o.default() : c(l.helpMessage, l)]), o.custom ? e("div", {
       class: [i("custom")]
     }, [o.custom()]) : null]) : null]);
   }

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

@@ -0,0 +1 @@
+export * from './usePageListApTable';

package/es/src/business/hooks/index.mjs

@@ -0,0 +1,4 @@
+import { usePageListApTable as o } from "./usePageListApTable.mjs";
+export {
+  o as usePageListApTable
+};

package/es/src/business/hooks/usePageListApTable.d.ts

@@ -0,0 +1,29 @@
+import { ApTableProps } from '../../';
+import { Recordable } from '../../type';
+export interface UsePageListApTable extends ApTableProps {
+    /** 是否显示默认的行选择配置
+     * @default true
+     */
+    isShowRowSelection?: boolean;
+    /** 转化ApTable查询参数 */
+    transformSearchFormValues?: (values: any) => any;
+    /** ApTable数据接口 */
+    api?(record: any): Promise<any>;
+}
+/**
+ * 集成了列表页面的ApTable的默认配置
+ * 表格header吸顶效果，表格可拖动，表格行选择
+ * @version 1.0.0
+ */
+export declare function usePageListApTable(props?: UsePageListApTable): [ApTableProps, {
+    reload: () => void;
+    reset: () => void;
+    getSearchFormValues: () => any;
+    getApTableInstance: () => {
+        reset: () => void;
+        submit: () => void;
+        dataSource: any;
+        setSearchFormValues: (fields: Partial< Recordable>) => void;
+        getSearchFormValues: () => Partial< Recordable>;
+    } | null;
+}];

package/es/src/business/hooks/usePageListApTable.mjs

@@ -0,0 +1,67 @@
+import "../../index.mjs";
+import { merge as p } from "lodash-unified";
+import { ref as m } from "vue";
+import { useGlobalConfig as d } from "../../config-provider/hooks/use-global-config.mjs";
+function A(l) {
+  const t = m(null), n = d("uiMode", "aplus");
+  console.log("mode", n.value);
+  const {
+    isShowRowSelection: c = !0,
+    transformSearchFormValues: o,
+    api: a,
+    ...u
+  } = l || {};
+  return [p(
+    {
+      // scroll，tableLayout，columnResizable设置表格可拖动
+      scroll: { x: "100%", y: "100%" },
+      tableLayout: "fixed",
+      columnResizable: !0,
+      // 表格header吸顶效果
+      class: "ap-table--sticky",
+      request: a ? async (e) => {
+        const r = o ? o(e) : e;
+        try {
+          if (!a) throw new Error("api is not defined");
+          const { records: s, total: i } = await a(r);
+          return {
+            data: s,
+            total: i
+          };
+        } catch (s) {
+          return console.error(s), {
+            data: [],
+            total: 0
+          };
+        }
+      } : void 0,
+      rowSelection: c ? {
+        mode: "internal",
+        fixed: "left",
+        columnWidth: 50
+      } : void 0,
+      ref(e) {
+        t.value = e;
+      }
+    },
+    u
+  ), {
+    reload: () => {
+      var e;
+      (e = t.value) == null || e.submit();
+    },
+    reset: () => {
+      var e;
+      (e = t.value) == null || e.reset();
+    },
+    getSearchFormValues: () => {
+      var r;
+      const e = ((r = t.value) == null ? void 0 : r.getSearchFormValues()) || {};
+      return o ? o(e) : e;
+    },
+    getApTableInstance: () => t.value
+  }];
+}
+export {
+  A as usePageListApTable
+};