@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

package/es/src/editable-table/index.vue.mjs

@@ -1,17 +1,18 @@
-import { defineComponent as W, useSlots as H, ref as b, watch as v, unref as s, createBlock as $, openBlock as q, withCtx as p, createVNode as w, mergeProps as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as M } from "vue";
-import { Table as ee } from "@aplus-frontend/antdv";
+import { defineComponent as H, useSlots as $, ref as b, watch as v, unref as s, createBlock as q, openBlock as J, withCtx as p, createVNode as w, mergeProps as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as M, guardReactiveProps as ee } from "vue";
+import { Table as te } from "@aplus-frontend/antdv";
 import { ApForm as m } from "../ap-form/index.mjs";
-import { isEqual as te, isArray as c, isUndefined as ae, isNumber as g, cloneDeep as ne, omit as x } from "lodash-unified";
+import { isEqual as ae, isArray as c, isUndefined as ne, isNumber as h, cloneDeep as oe, omit as x } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import { isDef as y } from "../utils/index.mjs";
-import { scrollToRowIndex as oe } from "./utils.mjs";
-import le from "./hooks/use-get-columns.mjs";
-import { useDevWarning as se } from "../utils/warning.mjs";
-import { useNamespace as re } from "../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as ue } from "../hooks/useControllableValue.mjs";
-import { useGlobalConfig as ie } from "../config-provider/hooks/use-global-config.mjs";
-const Fe = /* @__PURE__ */ W({
+import { scrollToRowIndex as le } from "./utils.mjs";
+import se from "./hooks/use-get-columns.mjs";
+import { useDevWarning as re } from "../utils/warning.mjs";
+import ue from "./style/index.mjs";
+import { useNamespace as ie } from "../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as de } from "../hooks/useControllableValue.mjs";
+import { useGlobalConfig as fe } from "../config-provider/hooks/use-global-config.mjs";
+const Ee = /* @__PURE__ */ H({
   name: "EditableTable",
   __name: "index",
   props: {
@@ -116,34 +117,34 @@ const Fe = /* @__PURE__ */ W({
     emit: F
   }) {
     const t = C;
-    se("EditableTable")(!1, "breaking", "EditableTable has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
+    re("EditableTable")(!1, "breaking", "EditableTable has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
     const {
       b: B
-    } = re("editable-table"), T = H(), E = F, h = b(), {
+    } = ie("editable-table"), T = ue("editable-table"), E = $(), V = F, g = b(), {
       value: i,
-      updateValue: V
-    } = ue(t, E), r = b(), D = ie("valueTypeMap"), f = m.useWatch(t.name, r);
+      updateValue: S
+    } = de(t, V), r = b(), D = fe("valueTypeMap"), f = m.useWatch(t.name, r);
     v(() => f.value, (e) => {
-      V(e), t.onChange?.(e);
+      S(e), t.onChange?.(e);
     }, {
       deep: !0,
       flush: "post"
     }), v(i, (e) => {
-      e !== s(f) && (te(e, s(f)) || r.value?.setFieldValue(t.name, e));
+      e !== s(f) && (ae(e, s(f)) || r.value?.setFieldValue(t.name, e));
     }, {
       deep: !0
     });
-    const L = le(t, D);
-    function S() {
+    const L = se(t, D);
+    function _() {
       r.value?.resetFields();
     }
-    function _(e) {
+    function k(e) {
       return e ? (c(e) ? e : [e]).map((n) => c(n) ? [t.name, ...n] : [t.name, n]) : void 0;
     }
-    async function k(e, l) {
-      return (await r.value?.validateFields(_(e), l))?.[t.name];
+    async function N(e, l) {
+      return (await r.value?.validateFields(k(e), l))?.[t.name];
     }
-    function N(e, l) {
+    function A(e, l) {
       const n = s(i)?.length || 0;
       if (y(t.maxLength) && n >= t.maxLength)
         return;
@@ -155,14 +156,14 @@ const Fe = /* @__PURE__ */ W({
           o[u] = [a];
           return;
         }
-        ae(l) ? o[u].push(a) : o[u].splice(l, 0, a);
+        ne(l) ? o[u].push(a) : o[u].splice(l, 0, a);
       });
     }
-    function A(e, l = "suffix") {
-      const n = s(i)?.length || 0, a = g(e) ? e : e.length;
+    function I(e, l = "suffix") {
+      const n = s(i)?.length || 0, a = h(e) ? e : e.length;
       if (y(t.maxLength) && n + a > t.maxLength)
         return;
-      const o = g(e) ? new Array(e).fill(0).map(() => ({})) : ne(e);
+      const o = h(e) ? new Array(e).fill(0).map(() => ({})) : oe(e);
       r.value?.setFieldValue?.(t.name, o, !0, (u, d) => {
         if (!u[d]) {
           u[d] = [...o];
@@ -172,7 +173,7 @@ const Fe = /* @__PURE__ */ W({
       });
     }
     function P(e) {
-      const l = new Set(g(e) ? [e] : e);
+      const l = new Set(h(e) ? [e] : e);
       r.value?.setFieldValue?.(t.name, void 0, !0, (n, a) => {
         n[a] = n[a].filter((o, u) => !l.has(u));
       });
@@ -183,16 +184,16 @@ const Fe = /* @__PURE__ */ W({
         n[a] = n[a].filter((o) => !l.has(o[t.rowKey]));
       });
     }
-    function I() {
+    function K() {
       return s(i);
     }
-    function K(e) {
+    function O(e) {
       r.value?.setFieldValue(t.name, e);
     }
-    function O(e) {
+    function j(e) {
       return s(i)?.[e];
     }
-    function j(e, l, n = !0) {
+    function G(e, l, n = !0) {
       r.value?.setFieldValue?.(t.name, void 0, !0, (a, o) => {
         !a[o] || !a[o][e] || (a[o][e] = {
           ...n ? a[o][e] : {},
@@ -200,27 +201,27 @@ const Fe = /* @__PURE__ */ W({
         });
       });
     }
-    function G(e, l) {
+    function U(e, l) {
       const n = e === "end" ? i.value.length - 1 : e;
-      oe(n, h.value?.$el, l);
+      le(n, g.value?.$el, l);
     }
-    function U() {
+    function W() {
       r.value?.setFieldValue?.(t.name, []);
     }
     return R({
-      resetFields: S,
-      validateFields: k,
-      add: N,
+      resetFields: _,
+      validateFields: N,
+      add: A,
       remove: P,
-      getRowData: O,
-      getRowsData: I,
-      setRowData: j,
-      addMultiple: A,
-      scrollTo: G,
-      clear: U,
-      setTableData: K,
+      getRowData: j,
+      getRowsData: K,
+      setRowData: G,
+      addMultiple: I,
+      scrollTo: U,
+      clear: W,
+      setTableData: O,
       removeByKey: z
-    }), (e, l) => (q(), $(s(m), {
+    }), (e, l) => (J(), q(s(m), {
       ref_key: "formRef",
       ref: r,
       "initial-values": {
@@ -231,17 +232,17 @@ const Fe = /* @__PURE__ */ W({
         name: e.name,
         "no-style": ""
       }, {
-        default: p(() => [w(s(ee), J(s(x)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
+        default: p(() => [w(s(te), Q(s(x)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
           ref_key: "tableRef",
-          ref: h,
-          class: s(B)(),
+          ref: g,
+          class: [s(B)(), s(T)],
           columns: s(L),
           "data-source": s(i)
-        }), Q({
+        }), X({
           _: 2
-        }, [X(s(x)(T, ["headerCell"]), (n, a) => ({
+        }, [Y(s(x)(E, ["headerCell"]), (n, a) => ({
           name: a,
-          fn: p((o) => [Y(e.$slots, a, Z(M(o || {})))])
+          fn: p((o) => [Z(e.$slots, a, M(ee(o || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -250,5 +251,5 @@ const Fe = /* @__PURE__ */ W({
   }
 });
 export {
-  Fe as default
+  Ee as default
 };

package/es/src/editable-table/style/index.d.ts

@@ -0,0 +1,8 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+type EditableTableToken = {
+    editableTableHeaderBg: string;
+};
+export declare const genEditableTableStyle: GenStyleFunc<EditableTableToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/editable-table/style/index.mjs

@@ -0,0 +1,75 @@
+import { multiRows as e } from "../../style/index.mjs";
+import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
+const n = (a) => {
+  const { componentCls: t } = a;
+  return {
+    [t]: {
+      ".ant-form-item": {
+        marginBlockEnd: "16px"
+      },
+      [`${t}__header-cell--required`]: {
+        color: "#FF4D4F",
+        paddingInlineEnd: "2px"
+      },
+      ".ant-pagination": {
+        marginBlockEnd: "0 !important",
+        ".ant-pagination-total-text": {
+          flex: 1
+        }
+      },
+      "tr > th.ant-table-cell": {
+        "&::before": {
+          display: "none"
+        },
+        backgroundColor: a.editableTableHeaderBg
+      },
+      ".ant-table.ant-table-middle .ant-table-row .ant-table-cell:has(.is-editable)": {
+        paddingBlockStart: "16px",
+        paddingBlockEnd: 0
+      },
+      ".ant-table.ant-table-middle .ant-table-row .ant-table-cell": {
+        padding: "12px"
+      },
+      ".ant-table.ant-table-middle .ant-table-thead .ant-table-cell": {
+        padding: "12px"
+      },
+      ".ant-table.ant-table-small .ant-table-row .ant-table-cell:has(.is-editable)": {
+        paddingBlockStart: "16px",
+        paddingBlockEnd: 0
+      },
+      ".ant-table.ant-table-small .ant-table-row .ant-table-cell": {
+        padding: "8px"
+      },
+      ".ant-table.ant-table-small .ant-table-thead .ant-table-cell": {
+        padding: "8px"
+      },
+      ".ant-table-placeholder .ant-table-expanded-row-fixed": {
+        "&::after": {
+          borderInlineEndWidth: "0px !important"
+        }
+      },
+      ".ant-table-cell .ant-typography": {
+        marginBlockEnd: 0
+      },
+      ".ant-form-item-explain-error": {
+        textAlign: "left"
+      },
+      [`${t}-table-header`]: {
+        "&__title": {
+          ...e(a),
+          textAlign: "right"
+        }
+      }
+    }
+  };
+}, o = l(
+  "EditableTable",
+  (a) => [n(a)],
+  {
+    editableTableHeaderBg: "#F2F6F9"
+  }
+);
+export {
+  o as default,
+  n as genEditableTableStyle
+};

package/es/src/full-screen/index.vue.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as R, ref as i, watch as E, unref as a, computed as n, createBlock as d, openBlock as m, withCtx as v, resolveDynamicComponent as z, mergeProps as C, renderSlot as F, createElementVNode as N, normalizeClass as S } from "vue";
+import { defineComponent as h, ref as f, watch as E, unref as a, computed as n, createBlock as m, openBlock as d, withCtx as v, resolveDynamicComponent as S, mergeProps as z, renderSlot as C, createElementVNode as F, normalizeClass as I } from "vue";
 import "../hooks/index.mjs";
 import "../portal/index.mjs";
 import "../config-provider/index.mjs";
-import { useScrollLock as h } from "@vueuse/core";
-import { useFullScreen as I } from "../hooks/useFullScreen.mjs";
-import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
-import B from "../portal/index.vue.mjs";
-const H = /* @__PURE__ */ R({
+import { useScrollLock as N } from "@vueuse/core";
+import $ from "./style/index.mjs";
+import { useFullScreen as B } from "../hooks/useFullScreen.mjs";
+import { useNamespace as L } from "../config-provider/hooks/use-namespace.mjs";
+import D from "../portal/index.vue.mjs";
+const O = /* @__PURE__ */ h({
   name: "FullScreen",
   __name: "index",
   props: {
@@ -14,13 +15,13 @@ const H = /* @__PURE__ */ R({
     zIndex: { default: 2147483647 },
     to: { default: "body" }
   },
-  setup(L, { expose: w }) {
+  setup(M, { expose: w }) {
     const {
-      target: f,
+      target: i,
       full: b,
       enter: y,
       exit: _
-    } = I(), { b: g, bm: k, be: x } = $("full-screen"), t = i(!1), l = i(), p = h(document.body), u = i();
+    } = B(), { b: g, bm: k, be: x } = L("full-screen"), R = $("full-screen"), t = f(!1), l = f(), p = N(document.body), u = f();
     E(
       () => a(b),
       (e) => {
@@ -37,30 +38,31 @@ const H = /* @__PURE__ */ R({
       t.value ? l.value !== e ? await r(e, o) : await s(o) : await r(e, o);
     }
     return w({
-      target: n(() => a(f)),
+      target: n(() => a(i)),
       portalRoot: n(() => a(u)),
       full: n(() => a(t)),
       mode: n(() => a(l)),
       enter: r,
       exit: s,
       toggle: c
-    }), (e, o) => (m(), d(a(B), {
+    }), (e, o) => (d(), m(a(D), {
       to: e.to,
       disabled: l.value !== "window"
     }, {
       default: v(() => [
-        (m(), d(z(e.wrapperElementName), C({
+        (d(), m(S(e.wrapperElementName), z({
           ref_key: "target",
-          ref: f
+          ref: i
         }, e.$attrs, {
           class: [
             a(g)("wrapper"),
-            t.value && l.value === "window" ? a(k)("wrapper", "full") : null
+            t.value && l.value === "window" ? a(k)("wrapper", "full") : null,
+            a(R)
           ],
           style: { zIndex: t.value && l.value === "window" ? e.zIndex : "unset" }
         }), {
           default: v(() => [
-            F(e.$slots, "default", {
+            C(e.$slots, "default", {
               full: t.value,
               enter: r,
               exit: s,
@@ -68,10 +70,10 @@ const H = /* @__PURE__ */ R({
               mode: l.value,
               portalRoot: u.value
             }),
-            N("div", {
+            F("div", {
               ref_key: "portalRootRef",
               ref: u,
-              class: S(a(x)("wrapper", "portal-root"))
+              class: I(a(x)("wrapper", "portal-root"))
             }, null, 2)
           ]),
           _: 3
@@ -82,5 +84,5 @@ const H = /* @__PURE__ */ R({
   }
 });
 export {
-  H as default
+  O as default
 };

package/es/src/full-screen/style/index.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genFullScreenStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/full-screen/style/index.mjs

@@ -0,0 +1,17 @@
+import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
+const o = (e) => ({
+  [e.componentCls]: {
+    "&-wrapper": {
+      "&--full": {
+        position: "fixed",
+        top: 0,
+        width: "100vw",
+        height: "100vh"
+      }
+    }
+  }
+}), l = t("FullScreen", (e) => [o(e)]);
+export {
+  l as default,
+  o as genFullScreenStyle
+};