@aplus-frontend/ui 0.0.22 → 0.0.24

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

@@ -1,21 +1,22 @@
-import { defineComponent as ae, useSlots as te, computed as s, createVNode as d, mergeProps as f, unref as l, watch as oe, openBlock as i, createElementBlock as m, normalizeClass as F, normalizeStyle as R, createSlots as k, withCtx as p, Fragment as re, renderList as L, createBlock as le, resolveDynamicComponent as ne, renderSlot as x, createCommentVNode as E, createElementVNode as O, toDisplayString as se, normalizeProps as de, guardReactiveProps as ue } from "vue";
+import { defineComponent as ae, useSlots as te, computed as s, createVNode as d, mergeProps as f, unref as l, watch as oe, openBlock as i, createElementBlock as m, normalizeClass as F, normalizeStyle as R, createSlots as k, withCtx as p, Fragment as re, renderList as L, createBlock as le, resolveDynamicComponent as ne, renderSlot as w, createCommentVNode as E, createElementVNode as O, toDisplayString as se, normalizeProps as de, guardReactiveProps as ue } from "vue";
 import { Typography as ie, Table as pe, Tooltip as ce } from "ant-design-vue";
 import { useToken as fe } from "ant-design-vue/es/theme/internal";
 import { ApForm as me } from "../ap-form/index.mjs";
-import { apTableRenderItemMap as ge, noRenderAsFormItemValueList as z, apTableFormItemMap as ye } from "./constants.mjs";
+import { apTableRenderItemMap as ge, noRenderAsFormItemValueList as V, apTableFormItemMap as ye } from "./constants.mjs";
 import "../config-provider/index.mjs";
 import { useTablePaging as be } from "./hooks/use-table-paging.mjs";
-import { omit as N, isUndefined as T, isBoolean as he } from "lodash-unified";
+import { omit as z, isUndefined as x, isBoolean as he } from "lodash-unified";
 import "./style/ap-table.css";
 import { QuestionCircleOutlined as Ce } from "@ant-design/icons-vue";
-import { apColumnToColumn as Se, getTableRenderType as Fe, getTableRenderProps as Re, getColumnOrder as V, updateFormProps as xe, getFieldProps as Te, getPlaceholder as we } from "./utils.mjs";
+import { apColumnToColumn as Se, getTableRenderType as Fe, getTableRenderProps as Re, getColumnOrder as N, updateFormProps as we, getFieldProps as xe, getPlaceholder as Te } from "./utils.mjs";
 import Be from "./hooks/use-table-content-height.mjs";
-import { useLocale as Pe } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ve } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as Ie } from "../config-provider/hooks/use-global-config.mjs";
-const ke = {
+import { getRawDisplayValue as Pe } from "../editable-table/utils.mjs";
+import { useLocale as ve } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as Ie } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ke } from "../config-provider/hooks/use-global-config.mjs";
+const Le = {
   key: 0
-}, $e = /* @__PURE__ */ ae({
+}, Qe = /* @__PURE__ */ ae({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -132,19 +133,19 @@ const ke = {
   setup(D, {
     expose: W
   }) {
-    const o = D, w = te(), [, j] = fe(), {
+    const o = D, T = te(), [, j] = fe(), {
       t: _
-    } = Pe(), {
+    } = ve(), {
       e: g,
       b: u
-    } = ve("ap-table"), A = Ie("uiMode", "aplus"), {
+    } = Ie("ap-table"), A = ke("uiMode", "aplus"), {
       height: M,
       contentRef: q
     } = Be(), y = s(() => {
       var t;
       let e = ((t = o.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
       return e = e.map((a) => ({
-        ...N(Se(a), ["ellipsis"]),
+        ...z(Se(a), ["ellipsis"]),
         customRender({
           value: r,
           ...n
@@ -166,11 +167,11 @@ const ke = {
       })), e;
     }), B = s(() => {
       var e, t, a;
-      return ((a = (t = (e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !z.includes(r.valueType))) == null ? void 0 : t.sort((r, n) => {
-        let C = V(r.order);
-        return V(n.order) - C;
+      return ((a = (t = (e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !V.includes(r.valueType))) == null ? void 0 : t.sort((r, n) => {
+        let C = N(r.order);
+        return N(n.order) - C;
       })) == null ? void 0 : a.map((r) => {
-        const n = xe(r, Te(r.fieldProps, {}));
+        const n = we(r, xe(r.fieldProps, {}));
         return {
           ...r,
           fieldProps: {
@@ -178,7 +179,7 @@ const ke = {
             name: r.dataIndex,
             ...n || {},
             // 格式化placeholder
-            placeholder: we(_, r.valueType, n == null ? void 0 : n.placeholder)
+            placeholder: Te(_, r.valueType, n == null ? void 0 : n.placeholder)
           }
         };
       })) || [];
@@ -221,7 +222,7 @@ const ke = {
       if ((e = o.columns) != null && e.some((t) => t.ellipsis))
         return "fixed";
     }), U = s(() => {
-      const e = l(c), t = T(o.dataSource) ? e : {
+      const e = l(c), t = x(o.dataSource) ? e : {
         ...e,
         dataSource: o.dataSource,
         onChange: o.onChange
@@ -229,13 +230,13 @@ const ke = {
       return {
         ...o,
         ...t,
-        loading: T(o.loading) ? l(c).loading : o.loading,
+        loading: x(o.loading) ? l(c).loading : o.loading,
         pagination: o.pagination === !1 ? !1 : l(c).pagination,
         scroll: l(G)
       };
     }), J = s(() => [u(), o.card ? null : u("wrapper"), o.adaptive ? u("adaptive") : null].filter(Boolean));
     function X(e, t, a) {
-      return z.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(ie.Paragraph, {
+      return V.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(ie.Paragraph, {
         copyable: e.copyable ? {
           text: t,
           tooltip: !1
@@ -246,7 +247,7 @@ const ke = {
           ...e.ellipsis,
           tooltip: t
         } : !1,
-        content: e.ellipsis ? t : a
+        content: e.ellipsis ? Pe(e, t) : a
       }, null) : a;
     }
     oe(() => l(h).loading, (e) => {
@@ -269,7 +270,7 @@ const ke = {
       dataSource: s(() => l(h).records)
     }), (e, t) => (i(), m("div", {
       class: F(J.value)
-    }, [l(T)(e.dataSource) && e.searchForm !== !1 && B.value.length > 0 ? (i(), m("div", {
+    }, [l(x)(e.dataSource) && e.searchForm !== !1 && B.value.length > 0 ? (i(), m("div", {
       key: 0,
       class: F(e.card ? l(g)("search-wrapper") : null),
       style: R(e.searchFormWrapperStyle)
@@ -288,16 +289,16 @@ const ke = {
         span: a.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
-    }, [w.searchFormExtra ? {
+    }, [T.searchFormExtra ? {
       name: "extra",
-      fn: p(() => [x(e.$slots, "searchFormExtra")]),
+      fn: p(() => [w(e.$slots, "searchFormExtra")]),
       key: "0"
     } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : E("", !0), O("div", {
       ref_key: "contentRef",
       ref: q,
       class: F([l(g)("table-wrapper"), e.card ? l(g)("table-wrapper-card") : null]),
       style: R(e.tableWrapperStyle)
-    }, [x(e.$slots, "title"), d(l(pe), f({
+    }, [w(e.$slots, "title"), d(l(pe), f({
       class: l(A) === "admin" ? l(u)("table-admin") : l(u)("table")
     }, U.value, {
       "table-layout": Q.value,
@@ -307,7 +308,7 @@ const ke = {
       headerCell: p(({
         column: a,
         title: r
-      }) => [a.tooltip ? (i(), m("span", ke, [O("span", null, se(r), 1), d(l(ce), {
+      }) => [a.tooltip ? (i(), m("span", Le, [O("span", null, se(r), 1), d(l(ce), {
         title: a.tooltip,
         placement: "bottom"
       }, {
@@ -320,12 +321,12 @@ const ke = {
         _: 2
       }, 1032, ["title"])])) : E("", !0)]),
       _: 2
-    }, [L(l(N)(w, ["title", "searchFormExtra"]), (a, r) => ({
+    }, [L(l(z)(T, ["title", "searchFormExtra"]), (a, r) => ({
       name: r,
-      fn: p((n) => [x(e.$slots, r, de(ue(n || {})))])
+      fn: p((n) => [w(e.$slots, r, de(ue(n || {})))])
     }))]), 1040, ["class", "table-layout", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  $e as default
+  Qe as default
 };

package/es/src/check-card/group.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     size: "small" | "middle";
     value: CheckCardValueType | CheckCardValueType[];
     bordered: boolean;
-    stopPropagation: boolean;
+    stopPropagation: boolean | ((event: MouseEvent) => boolean);
 }, {}>, {
     default?(_: {}): any;
 }>;

package/es/src/check-card/group.vue.mjs

@@ -11,7 +11,7 @@ const z = /* @__PURE__ */ g({
     disabled: { type: Boolean, default: void 0 },
     loading: { type: Boolean, default: void 0 },
     size: { default: void 0 },
-    stopPropagation: { type: Boolean, default: void 0 },
+    stopPropagation: { type: [Boolean, Function], default: void 0 },
     multiple: { type: Boolean, default: !1 },
     defaultValue: { type: [String, Number, Boolean, Array] },
     value: { type: [String, Number, Boolean, Array], default: void 0 },

package/es/src/check-card/index.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     size: "small" | "middle";
     bordered: boolean;
     checked: boolean;
-    stopPropagation: boolean;
+    stopPropagation: boolean | ((event: MouseEvent) => boolean);
 }, {}>, Readonly<CheckCardSlots> & CheckCardSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/es/src/check-card/index.vue2.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as F, computed as i, unref as l, createVNode as m, watch as I, watchEffect as U, openBlock as c, createElementBlock as N, normalizeStyle as W, normalizeClass as P, withModifiers as j, createBlock as f, renderSlot as G, resolveDynamicComponent as V, createCommentVNode as v, createElementVNode as O } from "vue";
-import { Skeleton as $ } from "ant-design-vue";
+import { defineComponent as I, computed as i, unref as l, createVNode as m, watch as U, watchEffect as W, openBlock as c, createElementBlock as N, normalizeStyle as j, normalizeClass as P, withModifiers as G, createBlock as f, renderSlot as O, resolveDynamicComponent as V, createCommentVNode as v, createElementVNode as $ } from "vue";
+import { Skeleton as q } from "ant-design-vue";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import { isFunction as z } from "lodash-unified";
-import { useInjectCheckCard as q } from "./context.mjs";
+import { useInjectCheckCard as A } from "./context.mjs";
 import "./style/index.css";
-import A from "./checked.svg.mjs";
-import { useNamespace as H } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as J } from "../config-provider/hooks/use-global-config.mjs";
-import { useControllableValue as K } from "../hooks/useControllableValue.mjs";
-const L = ["src"], ne = /* @__PURE__ */ F({
+import H from "./checked.svg.mjs";
+import { useNamespace as J } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as K } from "../config-provider/hooks/use-global-config.mjs";
+import { useControllableValue as L } from "../hooks/useControllableValue.mjs";
+const Q = ["src"], re = /* @__PURE__ */ I({
   name: "CheckCard",
   __name: "index",
   props: {
@@ -27,7 +27,7 @@ const L = ["src"], ne = /* @__PURE__ */ F({
       default: "middle"
     },
     stopPropagation: {
-      type: Boolean,
+      type: [Boolean, Function],
       default: !1
     },
     checked: {
@@ -48,19 +48,19 @@ const L = ["src"], ne = /* @__PURE__ */ F({
     content: {}
   },
   emits: ["update:checked"],
-  setup(_, {
-    emit: w
+  setup(S, {
+    emit: _
   }) {
-    const o = _, {
+    const o = S, {
       b: g,
-      m: u,
+      m: s,
       e: p,
-      bm: D,
+      bm: w,
       em: k
-    } = H("check-card"), b = J("uiMode", "aplus"), E = w, n = q(), {
+    } = J("check-card"), h = K("uiMode", "aplus"), D = _, n = A(), {
       value: r,
-      updateValue: h
-    } = K(o, E, {
+      updateValue: b
+    } = L(o, D, {
       valuePropName: "checked",
       defaultValuePropName: "defaultChecked"
     }), a = i(() => {
@@ -68,12 +68,12 @@ const L = ["src"], ne = /* @__PURE__ */ F({
         ...o
       }, t = l(n);
       return t && (e.disabled = e.disabled || t.disabled, e.bordered = e.bordered || t.bordered, e.loading = e.loading || t.loading, e.size = e.size || t.size, e.stopPropagation = e.stopPropagation || t.stopPropagation), e;
-    }), S = i(() => {
-      const e = l(b), t = l(a);
-      return [g(), ...t.disabled ? [] : [g(e), l(r) ? D(e, "checked") : null], u(t.size), t.bordered ? u("bordered") : null, t.disabled ? u("disabled") : null];
+    }), E = i(() => {
+      const e = l(h), t = l(a);
+      return [g(), ...t.disabled ? [] : [g(e), l(r) ? w(e, "checked") : null], s(t.size), t.bordered ? s("bordered") : null, t.disabled ? s("disabled") : null];
     }), M = i(() => ({
       ...o.style,
-      "--check-card-border-color": b.value === "admin" ? "#D9D9D9" : "#E9EDF3"
+      "--check-card-border-color": h.value === "admin" ? "#D9D9D9" : "#E9EDF3"
     })), y = i(() => {
       if (!o.title)
         return;
@@ -90,30 +90,34 @@ const L = ["src"], ne = /* @__PURE__ */ F({
       }, [e]);
     });
     function T(e) {
+      const t = l(a).stopPropagation;
+      return t ? t === !0 ? e.target !== e.currentTarget : t(e) : !1;
+    }
+    function F(e) {
       var t, d;
-      a.value.stopPropagation && e.target !== e.currentTarget || a.value.loading || a.value.disabled || (n.value ? (d = (t = n.value) == null ? void 0 : t.toggleOption) == null || d.call(t, o.value) : h(!l(r)));
+      T(e) || a.value.loading || a.value.disabled || (n.value ? (d = (t = n.value) == null ? void 0 : t.toggleOption) == null || d.call(t, o.value) : b(!l(r)));
     }
-    return I(() => n.value, (e) => {
+    return U(() => n.value, (e) => {
       if (!e)
         return;
       const t = e.multiple ? (e.value || []).includes(o.value) : e.value === o.value;
-      h(t);
+      b(t);
     }, {
       immediate: !0
-    }), U((e) => {
+    }), W((e) => {
       var t, d;
       (d = (t = n.value) == null ? void 0 : t.registerValue) == null || d.call(t, o.value), e(() => {
-        var s, B;
-        return (B = (s = n.value) == null ? void 0 : s.cancelValue) == null ? void 0 : B.call(s, o.value);
+        var u, B;
+        return (B = (u = n.value) == null ? void 0 : u.cancelValue) == null ? void 0 : B.call(u, o.value);
       });
     }), (e, t) => (c(), N("div", {
-      style: W(M.value),
-      class: P(S.value),
-      onClick: j(T, ["stop"])
-    }, [a.value.loading ? (c(), f(l($), {
+      style: j(M.value),
+      class: P(E.value),
+      onClick: G(F, ["stop"])
+    }, [a.value.loading ? (c(), f(l(q), {
       key: 0,
       active: ""
-    })) : G(e.$slots, "default", {
+    })) : O(e.$slots, "default", {
       key: 1,
       checked: l(r)
     }, () => [y.value ? (c(), f(V(y.value), {
@@ -123,11 +127,11 @@ const L = ["src"], ne = /* @__PURE__ */ F({
     })) : v("", !0)]), l(r) ? (c(), N("div", {
       key: 2,
       class: P(l(p)("checked-icon"))
-    }, [O("img", {
-      src: l(A)
-    }, null, 8, L)], 2)) : v("", !0)], 6));
+    }, [$("img", {
+      src: l(H)
+    }, null, 8, Q)], 2)) : v("", !0)], 6));
   }
 });
 export {
-  ne as default
+  re as default
 };

package/es/src/check-card/interface.d.ts

@@ -24,7 +24,7 @@ type CheckCardCommonType = {
     /**
      * 是否阻止点击事件冒泡（对于自定义内容包含输入控件时需要设置）
      */
-    stopPropagation?: boolean;
+    stopPropagation?: boolean | ((event: MouseEvent) => boolean);
 };
 export type CheckCardProps = CheckCardCommonType & {
     /**

package/es/src/check-card/style/index.css

@@ -102,6 +102,7 @@
   top: 0;
   right: 0;
   z-index: 1;
+  line-height: 1;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;