@aplus-frontend/ui 0.1.12 → 0.1.14

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

@@ -1,12 +1,12 @@
-import { defineComponent as g, computed as a, unref as s, openBlock as _, createElementBlock as C, normalizeStyle as y, normalizeClass as n, createElementVNode as t, renderSlot as w, toDisplayString as z } from "vue";
+import { defineComponent as y, computed as s, unref as t, openBlock as w, createElementBlock as z, normalizeStyle as b, normalizeClass as n, createElementVNode as a, renderSlot as N, toDisplayString as O } from "vue";
 import "../config-provider/index.mjs";
-import { useOssInit as N } from "./hooks/index.mjs";
+import { useOssInit as S } from "./hooks/index.mjs";
 import "./style/ap-download.css";
-import { getFileInfo as O } from "./utils/getFileInfo.mjs";
-import { useStyle as S } from "./hooks/useStyle.mjs";
-import { useLocale as b } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as h } from "../config-provider/hooks/use-global-config.mjs";
-const A = { class: "icon" }, B = { class: "text" }, W = /* @__PURE__ */ g({
+import { getFileInfo as h } from "./utils/getFileInfo.mjs";
+import { useStyle as A } from "./hooks/useStyle.mjs";
+import { useLocale as B } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as F } from "../config-provider/hooks/use-global-config.mjs";
+const k = { class: "icon" }, v = { class: "text" }, V = /* @__PURE__ */ y({
   name: "ApDownload",
   __name: "ap-download",
   props: {
@@ -19,35 +19,35 @@ const A = { class: "icon" }, B = { class: "text" }, W = /* @__PURE__ */ g({
     getOssAccess: {}
   },
   setup(l) {
-    const { lang: r } = b(), c = a(() => r.value === "zh-cn" ? "zh_CN" : "en_US"), e = l, i = h("apUpload"), { wrapperStyle: p, getWrapperClass: d, getInnerWrapperClass: m } = S(
-      e.color,
-      e.size,
-      e.disabled
-    ), f = a(() => {
+    const { lang: r } = B(), c = s(() => r.value === "zh-cn" ? "zh_CN" : "en_US"), e = l, i = F("apUpload"), p = s(() => e.disabled), d = s(() => e.color), m = s(() => e.size), { wrapperStyle: f, getWrapperClass: u, getInnerWrapperClass: g } = A(
+      d,
+      m,
+      p
+    ), _ = s(() => {
       var o;
       return e.getOssAccess || ((o = i.value) == null ? void 0 : o.getOssAccess);
-    }), u = async () => {
-      e.disabled || await (await N(
-        f.value,
-        s(c)
-      )).downloadFile(O(e.needName, e.fileName));
+    }), C = async () => {
+      e.disabled || await (await S(
+        _.value,
+        t(c)
+      )).downloadFile(h(e.needName, e.fileName));
     };
-    return (o, F) => (_(), C("span", {
-      style: y(s(p)),
-      class: n(s(d)),
-      onClick: u
+    return (o, x) => (w(), z("span", {
+      style: b(t(f)),
+      class: n(t(u)),
+      onClick: C
     }, [
-      t("span", {
-        class: n(s(m))
+      a("span", {
+        class: n(t(g))
       }, [
-        t("span", A, [
-          w(o.$slots, "icon")
+        a("span", k, [
+          N(o.$slots, "icon")
         ]),
-        t("span", B, z(o.text), 1)
+        a("span", v, O(o.text), 1)
       ], 2)
     ], 6));
   }
 });
 export {
-  W as default
+  V as default
 };

package/es/src/ap-download/hooks/useStyle.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-export declare function useStyle(color: string, size: string, disabled: boolean): {
+export declare function useStyle(color: ComputedRef<string>, size: ComputedRef<string>, disabled: ComputedRef<boolean>): {
     wrapperStyle: ComputedRef<Record<string, any>>;
     getWrapperClass: ComputedRef<string[]>;
     getInnerWrapperClass: ComputedRef<string[]>;

package/es/src/ap-download/hooks/useStyle.mjs

@@ -1,22 +1,22 @@
-import { computed as o } from "vue";
-import { getHexWithOpacity as u } from "../utils/getFileInfo.mjs";
+import { computed as a } from "vue";
+import { getHexWithOpacity as m } from "../utils/getFileInfo.mjs";
 import "../../config-provider/index.mjs";
 import { useNamespace as d } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as c } from "../../config-provider/hooks/use-global-config.mjs";
-function h(p, n, t) {
-  const { b: a, bm: r } = d("ap-download"), i = c("uiMode"), s = o(() => ({
-    "--download-main-color": p,
-    "--download-main-color-opacity": u(p, 0.6)
-  })), l = o(() => [a("wrapper"), r("wrapper", n)].filter(Boolean)), m = o(() => {
-    const e = [a("inner-wrapper"), r("inner-wrapper", n)];
-    return t && (i.value === "aplus" ? e.push(r("inner-wrapper", "disabled")) : e.push(r("inner-wrapper", "disabled-admin"))), e;
+function y(o, p, t) {
+  const { b: n, bm: e } = d("ap-download"), i = c("uiMode"), l = a(() => ({
+    "--download-main-color": o.value,
+    "--download-main-color-opacity": m(o.value, 0.6)
+  })), s = a(() => [n("wrapper"), e("wrapper", p.value)].filter(Boolean)), u = a(() => {
+    const r = [n("inner-wrapper"), e("inner-wrapper", p.value)];
+    return t.value && (i.value === "aplus" ? r.push(e("inner-wrapper", "disabled")) : r.push(e("inner-wrapper", "disabled-admin"))), r;
   });
   return {
-    wrapperStyle: s,
-    getWrapperClass: l,
-    getInnerWrapperClass: m
+    wrapperStyle: l,
+    getWrapperClass: s,
+    getInnerWrapperClass: u
   };
 }
 export {
-  h as useStyle
+  y as useStyle
 };

package/es/src/editable-table/form-item.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as V, ref as x, unref as t, useSlots as A, watch as O, openBlock as C, createBlock as K, mergeProps as w, withCtx as m, createVNode as q, createSlots as H, createElementBlock as I, Fragment as W, createElementVNode as b, normalizeClass as $, toDisplayString as G, createCommentVNode as M, renderList as U, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
+import { defineComponent as V, ref as x, unref as t, useSlots as A, watch as O, openBlock as C, createBlock as K, mergeProps as w, withCtx as u, createVNode as q, createSlots as H, createElementBlock as I, Fragment as W, createElementVNode as b, normalizeClass as $, toDisplayString as G, createCommentVNode as M, renderList as U, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
 import { Table as Y } from "ant-design-vue";
 import { ApForm as y } from "../ap-form/index.mjs";
-import { isNumber as u, cloneDeep as f, omit as Z } from "lodash-unified";
+import { isNumber as m, cloneDeep as f, omit as Z } from "lodash-unified";
 import "../config-provider/index.mjs";
 import { useInjectForm as ee } from "../ap-form/context.mjs";
 import "./style/index.css";
@@ -120,6 +120,8 @@ const ge = /* @__PURE__ */ V({
     O(() => F.value, (e) => {
       var o;
       r.value = e, (o = n.onChange) == null || o.call(n, e);
+    }, {
+      deep: !0
     });
     const {
       b: E,
@@ -139,15 +141,15 @@ const ge = /* @__PURE__ */ V({
     }
     function S(e, o = "suffix") {
       var g;
-      const a = ((g = t(r)) == null ? void 0 : g.length) || 0, s = u(e) ? e : e.length;
+      const a = ((g = t(r)) == null ? void 0 : g.length) || 0, s = m(e) ? e : e.length;
       if (c(n.maxLength) && a + s > n.maxLength)
         return;
-      const d = [...t(r) || []], h = u(e) ? new Array(e).fill({}) : f(e);
+      const d = [...t(r) || []], h = m(e) ? new Array(e).fill({}) : f(e);
       o === "suffix" ? d.push(...h) : d.unshift(...h), l == null || l.setFieldValue(n.name, d);
     }
     function _(e) {
       let o = f(t(r) || []);
-      const a = u(e) ? [e] : e;
+      const a = m(e) ? [e] : e;
       o = o.filter((s, d) => !a.includes(d)), l == null || l.setFieldValue(n.name, o);
     }
     function T() {
@@ -181,14 +183,14 @@ const ge = /* @__PURE__ */ V({
       name: e.name,
       label: e.label
     }), {
-      default: m(() => [q(t(Y), w(t(Z)(n, ["name", "maxLength", "onChange"]), {
+      default: u(() => [q(t(Y), w(t(Z)(n, ["name", "maxLength", "onChange"]), {
         class: t(E)(),
         columns: t(N),
         "data-source": r.value,
         ref_key: "tableRef",
         ref: i
       }), H({
-        headerCell: m(({
+        headerCell: u(({
           column: a
         }) => [t(ae)(a) ? (C(), I(W, {
           key: 0
@@ -198,7 +200,7 @@ const ge = /* @__PURE__ */ V({
         _: 2
       }, [U(v, (a, s) => ({
         name: s,
-        fn: m((d) => [J(e.$slots, s, Q(X(d || {})))])
+        fn: u((d) => [J(e.$slots, s, Q(X(d || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));

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

@@ -1,16 +1,16 @@
-import { defineComponent as q, useSlots as H, ref as w, watch as U, unref as o, openBlock as y, createBlock as W, withCtx as c, createVNode as v, mergeProps as $, createSlots as G, createElementBlock as M, Fragment as J, createElementVNode as b, normalizeClass as Q, toDisplayString as X, createCommentVNode as Y, renderList as Z, renderSlot as ee, normalizeProps as te, guardReactiveProps as ae } from "vue";
-import { Table as ne } from "ant-design-vue";
+import { defineComponent as M, useSlots as U, ref as y, watch as W, unref as l, openBlock as w, createBlock as $, withCtx as c, createVNode as v, mergeProps as G, createSlots as J, createElementBlock as Q, Fragment as X, createElementVNode as b, normalizeClass as Y, toDisplayString as Z, createCommentVNode as ee, renderList as te, renderSlot as ae, normalizeProps as ne, guardReactiveProps as oe } from "vue";
+import { Table as le } from "ant-design-vue";
 import { ApForm as f } from "../ap-form/index.mjs";
-import { isNumber as p, cloneDeep as h, omit as oe } from "lodash-unified";
+import { isArray as R, isNumber as p, cloneDeep as h, omit as re } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import { isDef as x } from "../utils/index.mjs";
-import { scrollToRowIndex as le, getColumnIsRequired as re } from "./utils.mjs";
-import se from "./hooks/use-get-columns.mjs";
+import { scrollToRowIndex as se, getColumnIsRequired as ue } from "./utils.mjs";
+import de from "./hooks/use-get-columns.mjs";
 import "./style/index.css";
-import { useNamespace as ue } from "../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as de } from "../hooks/useControllableValue.mjs";
-const be = /* @__PURE__ */ q({
+import { useNamespace as ie } from "../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as me } from "../hooks/useControllableValue.mjs";
+const Be = /* @__PURE__ */ M({
   name: "EditableTable",
   __name: "index",
   props: {
@@ -109,116 +109,121 @@ const be = /* @__PURE__ */ q({
     onFieldChange: {}
   },
   emits: ["update:value"],
-  setup(R, {
-    expose: B,
-    emit: F
+  setup(B, {
+    expose: F,
+    emit: D
   }) {
-    const l = R, {
-      b: D,
-      em: _
-    } = ue("editable-table"), k = H(), E = F, g = w(), {
+    const o = B, {
+      b: _,
+      em: N
+    } = ie("editable-table"), k = U(), E = D, g = y(), {
       value: s,
       updateValue: L
-    } = de(l, E), u = w(), N = f.useWatch(l.name, u);
-    U(() => N.value, (e) => {
-      var a;
-      L(e), (a = l.onChange) == null || a.call(l, e);
+    } = me(o, E), u = y(), S = f.useWatch(o.name, u);
+    W(() => S.value, (e) => {
+      var n;
+      L(e), (n = o.onChange) == null || n.call(o, e);
+    }, {
+      deep: !0
     });
-    const S = se(l);
-    function V() {
+    const V = de(o);
+    function A() {
       var e;
       (e = u.value) == null || e.resetFields();
     }
-    async function T(e, a) {
-      var t;
-      const n = await ((t = u.value) == null ? void 0 : t.validateFields(e, a));
-      return n == null ? void 0 : n[l.name];
+    function T(e) {
+      return e ? (R(e) ? e : [e]).map((t) => R(t) ? [o.name, ...t] : [o.name, t]) : void 0;
+    }
+    async function z(e, n) {
+      var a;
+      const t = await ((a = u.value) == null ? void 0 : a.validateFields(T(e), n));
+      return t == null ? void 0 : t[o.name];
     }
-    function z(e, a) {
+    function I(e, n) {
       var r, d, i;
-      const n = ((r = o(s)) == null ? void 0 : r.length) || 0;
-      if (x(l.maxLength) && n >= l.maxLength)
+      const t = ((r = l(s)) == null ? void 0 : r.length) || 0;
+      if (x(o.maxLength) && t >= o.maxLength)
         return;
-      const t = [...o(s) || []];
-      x(a) ? t.splice(a, 0, {
+      const a = [...l(s) || []];
+      x(n) ? a.splice(n, 0, {
         ...e || {}
-      }) : t.push({
+      }) : a.push({
         ...e || {}
-      }), (i = (d = u.value) == null ? void 0 : d.setFieldValue) == null || i.call(d, l.name, t);
+      }), (i = (d = u.value) == null ? void 0 : d.setFieldValue) == null || i.call(d, o.name, a);
     }
-    function I(e, a = "suffix") {
+    function P(e, n = "suffix") {
       var i, m, C;
-      const n = ((i = o(s)) == null ? void 0 : i.length) || 0, t = p(e) ? e : e.length;
-      if (x(l.maxLength) && n + t > l.maxLength)
+      const t = ((i = l(s)) == null ? void 0 : i.length) || 0, a = p(e) ? e : e.length;
+      if (x(o.maxLength) && t + a > o.maxLength)
         return;
-      const r = [...o(s) || []], d = p(e) ? new Array(e).fill({}) : h(e);
-      a === "suffix" ? r.push(...d) : r.unshift(...d), (C = (m = u.value) == null ? void 0 : m.setFieldValue) == null || C.call(m, l.name, r);
+      const r = [...l(s) || []], d = p(e) ? new Array(e).fill({}) : h(e);
+      n === "suffix" ? r.push(...d) : r.unshift(...d), (C = (m = u.value) == null ? void 0 : m.setFieldValue) == null || C.call(m, o.name, r);
     }
-    function P(e) {
-      var t, r;
-      let a = h(o(s) || []);
-      const n = p(e) ? [e] : e;
-      a = a.filter((d, i) => !n.includes(i)), (r = (t = u.value) == null ? void 0 : t.setFieldValue) == null || r.call(t, l.name, a);
+    function j(e) {
+      var a, r;
+      let n = h(l(s) || []);
+      const t = p(e) ? [e] : e;
+      n = n.filter((d, i) => !t.includes(i)), (r = (a = u.value) == null ? void 0 : a.setFieldValue) == null || r.call(a, o.name, n);
     }
-    function j() {
-      return o(s);
+    function O() {
+      return l(s);
     }
-    function A(e) {
-      var a;
-      return (a = o(s)) == null ? void 0 : a[e];
+    function K(e) {
+      var n;
+      return (n = l(s)) == null ? void 0 : n[e];
     }
-    function O(e, a) {
-      var t, r;
-      const n = h(o(s));
-      n[e] && (n[e] = {
-        ...n[e],
-        ...a
-      }, (r = (t = u.value) == null ? void 0 : t.setFieldValue) == null || r.call(t, l.name, [...n]));
+    function q(e, n) {
+      var a, r;
+      const t = h(l(s));
+      t[e] && (t[e] = {
+        ...t[e],
+        ...n
+      }, (r = (a = u.value) == null ? void 0 : a.setFieldValue) == null || r.call(a, o.name, [...t]));
     }
-    function K(e, a) {
-      var t;
-      const n = e === "end" ? s.value.length - 1 : e;
-      le(n, (t = g.value) == null ? void 0 : t.$el, a);
+    function H(e, n) {
+      var a;
+      const t = e === "end" ? s.value.length - 1 : e;
+      se(t, (a = g.value) == null ? void 0 : a.$el, n);
     }
-    return B({
-      resetFields: V,
-      validateFields: T,
-      add: z,
-      remove: P,
-      getRowData: A,
-      getRowsData: j,
-      setRowData: O,
-      addMultiple: I,
-      scrollTo: K
-    }), (e, a) => (y(), W(o(f), {
+    return F({
+      resetFields: A,
+      validateFields: z,
+      add: I,
+      remove: j,
+      getRowData: K,
+      getRowsData: O,
+      setRowData: q,
+      addMultiple: P,
+      scrollTo: H
+    }), (e, n) => (w(), $(l(f), {
       "initial-values": {
-        [l.name]: o(s)
+        [o.name]: l(s)
       },
       ref_key: "formRef",
       ref: u
     }, {
-      default: c(() => [v(o(f).FormItem, {
+      default: c(() => [v(l(f).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: c(() => [v(o(ne), $(o(oe)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
-          class: o(D)(),
-          columns: o(S),
-          "data-source": o(s),
+        default: c(() => [v(l(le), G(l(re)(o, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
+          class: l(_)(),
+          columns: l(V),
+          "data-source": l(s),
           ref_key: "tableRef",
           ref: g
-        }), G({
+        }), J({
           headerCell: c(({
-            column: n
-          }) => [o(re)(n) ? (y(), M(J, {
+            column: t
+          }) => [l(ue)(t) ? (w(), Q(X, {
             key: 0
           }, [b("span", {
-            class: Q(o(_)("header-cell", "required"))
-          }, "*", 2), b("span", null, X(n.title), 1)], 64)) : Y("", !0)]),
+            class: Y(l(N)("header-cell", "required"))
+          }, "*", 2), b("span", null, Z(t.title), 1)], 64)) : ee("", !0)]),
           _: 2
-        }, [Z(k, (n, t) => ({
-          name: t,
-          fn: c((r) => [ee(e.$slots, t, te(ae(r || {})))])
+        }, [te(k, (t, a) => ({
+          name: a,
+          fn: c((r) => [ae(e.$slots, a, ne(oe(r || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -227,5 +232,5 @@ const be = /* @__PURE__ */ q({
   }
 });
 export {
-  be as default
+  Be as default
 };

package/es/src/theme/antd-global-overwrite/admin/form.css

@@ -44,22 +44,22 @@
 input.ant-input[disabled] {
   color: #666666;
 }
-div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] {
+div[class*='-basic-table-form-container'] form[class$='-basic-form--compact'] {
   padding: 16px;
 }
-div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content {
+div[class*='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content {
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-primary {
+div[class*='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-primary {
   order: 1;
 }
-div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-default {
+div[class*='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-default {
   order: 2;
   margin-right: 0;
 }
-div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-link {
+div[class*='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-link {
   order: 3;
   margin-left: 0.5rem;
 }