@aplus-frontend/ui 0.2.0-beta.5 → 0.2.1

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

@@ -1,15 +1,15 @@
-import { defineComponent as P, ref as h, unref as l, useSlots as z, watch as O, openBlock as K, createBlock as M, mergeProps as x, withCtx as g, createVNode as G, createSlots as H, renderList as W, renderSlot as $, normalizeProps as U, guardReactiveProps as q } from "vue";
-import { Table as J } from "ant-design-vue";
+import { defineComponent as z, ref as h, unref as n, useSlots as O, watch as K, openBlock as M, createBlock as G, mergeProps as x, withCtx as g, createVNode as H, createSlots as W, renderList as $, renderSlot as U, normalizeProps as q, guardReactiveProps as J } from "vue";
+import { Table as Q } from "@aplus-frontend/antdv";
 import { ApForm as b } from "../ap-form/index.mjs";
-import { isArray as Q, isNumber as d, cloneDeep as f, omit as w } from "lodash-unified";
+import { isArray as X, isNumber as d, cloneDeep as f, omit as w } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { useInjectForm as X } from "../ap-form/context.mjs";
+import { useInjectForm as Y } from "../ap-form/context.mjs";
 import { isDef as m } from "../utils/index.mjs";
-import Y from "./hooks/use-get-columns.mjs";
-import { scrollToRowIndex as Z } from "./utils.mjs";
-import { useNamespace as I } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ee } from "../config-provider/hooks/use-global-config.mjs";
-const ie = /* @__PURE__ */ P({
+import Z from "./hooks/use-get-columns.mjs";
+import { scrollToRowIndex as I } from "./utils.mjs";
+import { useNamespace as ee } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as oe } from "../config-provider/hooks/use-global-config.mjs";
+const ce = /* @__PURE__ */ z({
   name: "EditableTableInner",
   __name: "form-item",
   props: {
@@ -112,99 +112,104 @@ const ie = /* @__PURE__ */ P({
   setup(C, {
     expose: y
   }) {
-    const a = C;
+    const l = C;
     function R(e, o) {
-      return Q(o) ? o.reduce((r, t) => r == null ? void 0 : r[t], e) : e == null ? void 0 : e[o];
+      return X(o) ? o.reduce((r, a) => r == null ? void 0 : r[a], e) : e == null ? void 0 : e[o];
     }
     const {
-      internalInstance: n,
+      internalInstance: t,
       model: B
-    } = X(), u = h(R(l(B), a.name) || []), D = z(), F = b.useWatch(a.name);
-    O(() => F.value, (e) => {
+    } = Y(), u = h(R(n(B), l.name) || []), D = O(), F = b.useWatch(l.name);
+    K(() => F.value, (e) => {
       var o;
-      u.value = e, (o = a.onChange) == null || o.call(a, e);
+      u.value = e, (o = l.onChange) == null || o.call(l, e);
     }, {
       deep: !0
     });
     const {
       b: L
-    } = I("editable-table"), i = h(), T = ee("valueTypeMap"), v = Y(a, T);
-    function E(e, o) {
+    } = ee("editable-table"), i = h(), T = oe("valueTypeMap"), V = Z(l, T);
+    function v(e, o) {
       var s;
-      const r = ((s = l(u)) == null ? void 0 : s.length) || 0;
-      if (m(a.maxLength) && r >= a.maxLength)
+      const r = ((s = n(u)) == null ? void 0 : s.length) || 0;
+      if (m(l.maxLength) && r >= l.maxLength)
         return;
-      const t = [...l(u) || []];
-      m(o) ? t.splice(o, 0, {
+      const a = [...n(u) || []];
+      m(o) ? a.splice(o, 0, {
         ...e || {}
-      }) : t.push({
+      }) : a.push({
         ...e || {}
-      }), n == null || n.setFieldValue(a.name, t);
+      }), t == null || t.setFieldValue(l.name, a);
     }
-    function N(e, o = "suffix") {
+    function E(e, o = "suffix") {
       var p;
-      const r = ((p = l(u)) == null ? void 0 : p.length) || 0, t = d(e) ? e : e.length;
-      if (m(a.maxLength) && r + t > a.maxLength)
+      const r = ((p = n(u)) == null ? void 0 : p.length) || 0, a = d(e) ? e : e.length;
+      if (m(l.maxLength) && r + a > l.maxLength)
         return;
-      const s = [...l(u) || []], c = d(e) ? new Array(e).fill({}) : f(e);
-      o === "suffix" ? s.push(...c) : s.unshift(...c), n == null || n.setFieldValue(a.name, s);
+      const s = [...n(u) || []], c = d(e) ? new Array(e).fill({}) : f(e);
+      o === "suffix" ? s.push(...c) : s.unshift(...c), t == null || t.setFieldValue(l.name, s);
     }
-    function S(e) {
-      let o = f(l(u) || []);
+    function N(e) {
+      let o = f(n(u) || []);
       const r = d(e) ? [e] : e;
-      o = o.filter((t, s) => !r.includes(s)), n == null || n.setFieldValue(a.name, o);
+      o = o.filter((a, s) => !r.includes(s)), t == null || t.setFieldValue(l.name, o);
     }
-    function V() {
-      return l(u);
+    function S() {
+      return n(u);
     }
     function _(e) {
       var o;
-      return (o = l(u)) == null ? void 0 : o[e];
+      return (o = n(u)) == null ? void 0 : o[e];
     }
     function k(e, o, r = !0) {
-      const t = f(l(u));
-      t[e] && (t[e] = {
-        ...r ? t[e] : {},
+      const a = f(n(u));
+      a[e] && (a[e] = {
+        ...r ? a[e] : {},
         ...o
-      }, n == null || n.setFieldValue(a.name, [...t]));
+      }, t == null || t.setFieldValue(l.name, [...a]));
     }
     function j(e) {
-      n == null || n.setFieldValue(a.name, e);
+      t == null || t.setFieldValue(l.name, e);
     }
     function A(e, o) {
-      var t;
+      var a;
       const r = e === "end" ? u.value.length - 1 : e;
-      Z(r, (t = i.value) == null ? void 0 : t.$el, o);
+      I(r, (a = i.value) == null ? void 0 : a.$el, o);
+    }
+    function P() {
+      var e;
+      (e = t == null ? void 0 : t.setFieldValue) == null || e.call(t, l.name, []);
     }
     return y({
-      add: E,
-      remove: S,
+      add: v,
+      remove: N,
       getRowData: _,
-      getRowsData: V,
+      getRowsData: S,
       setRowData: k,
-      addMultiple: N,
+      addMultiple: E,
       scrollTo: A,
-      setTableData: j
-    }), (e, o) => (K(), M(l(b).FormItem, x(e.formItem, {
+      setTableData: j,
+      clear: P
+    }), (e, o) => (M(), G(n(b).FormItem, x(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: g(() => [G(l(J), x(l(w)(a, ["name", "maxLength", "onChange"]), {
-        class: l(L)(),
-        columns: l(v),
+      default: g(() => [H(n(Q), x(n(w)(l, ["name", "maxLength", "onChange"]), {
+        class: n(L)(),
+        columns: n(V),
         "data-source": u.value,
         ref_key: "tableRef",
         ref: i
-      }), H({
+      }), W({
         _: 2
-      }, [W(l(w)(D, ["headerCell"]), (r, t) => ({
-        name: t,
-        fn: g((s) => [$(e.$slots, t, U(q(s || {})))])
+      }, [$(n(w)(D, ["headerCell"]), (r, a) => ({
+        name: a,
+        fn: g((s) => [U(e.$slots, a, q(J(s || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));
   }
 });
 export {
-  ie as default
+  ce as default
 };

package/es/src/editable-table/hooks/use-get-columns.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
 import { EditableTableFormItemProps, EditableTableProps } from '../interface';
 import { ValueTypeRenderConfig } from '../../config-provider';
-import { ColumnType } from 'ant-design-vue/es/table';
+import { ColumnType } from '@aplus-frontend/antdv/es/table';
 declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps, extraValueTypes: Ref<Record<string, ValueTypeRenderConfig> | undefined>) => ComputedRef<ColumnType<any>[]>;
 export default useGetColumns;

package/es/src/editable-table/hooks/use-get-columns.mjs

@@ -3,7 +3,7 @@ import { omit as y, isFunction as k, isArray as f } from "lodash-unified";
 import { getEditableTableTitle as w, mergeClass as A, getFinalNode as q } from "../utils.mjs";
 import { updateFormProps as v, getFieldProps as E, getTableRenderProps as G } from "../../ap-table/utils.mjs";
 import "../../config-provider/index.mjs";
-import { useToken as S } from "ant-design-vue/es/theme/internal";
+import { useToken as S } from "@aplus-frontend/antdv/es/theme/internal";
 import { useNamespace as U } from "../../config-provider/hooks/use-namespace.mjs";
 const M = (a, b) => {
   const {

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

@@ -1,5 +1,5 @@
 import { EditableTableProps, EditableColumnType } from './interface';
-import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
+import { NamePath, ValidateOptions } from '@aplus-frontend/antdv/es/form/interface';
 import { Recordable } from '../type';
 import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
 import { VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';

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

@@ -1,5 +1,5 @@
 import { defineComponent as W, useSlots as $, ref as w, watch as C, unref as o, openBlock as q, createBlock as J, withCtx as c, createVNode as b, mergeProps as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as ee, guardReactiveProps as te } from "vue";
-import { Table as ae } from "ant-design-vue";
+import { Table as ae } from "@aplus-frontend/antdv";
 import { ApForm as p } from "../ap-form/index.mjs";
 import { isEqual as ne, isArray as R, isNumber as x, cloneDeep as h, omit as F } from "lodash-unified";
 import "../config-provider/index.mjs";

package/es/src/editable-table/interface.d.ts

@@ -1,10 +1,10 @@
-import { ColumnType, TableProps } from 'ant-design-vue/es/table';
+import { ColumnType, TableProps } from '@aplus-frontend/antdv/es/table';
 import { ApTableValueFields, ApTableValueTypes, CommonFieldReturnType, FieldPropsType, ValueEnum } from '../ap-table';
-import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
-import { DataIndex } from 'ant-design-vue/es/vc-table/interface';
-import { FormItemProps } from 'ant-design-vue';
+import { NamePath, ValidateOptions } from '@aplus-frontend/antdv/es/form/interface';
+import { DataIndex } from '@aplus-frontend/antdv/es/vc-table/interface';
+import { FormItemProps } from '@aplus-frontend/antdv';
 import { VNode } from 'vue';
-import { EllipsisConfig } from 'ant-design-vue/es/typography/Base';
+import { EllipsisConfig } from '@aplus-frontend/antdv/es/typography/Base';
 import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
 import { Recordable } from '../type';
 export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ColumnType<RecordType>, 'children' | 'customRender' | 'ellipsis'> & {
@@ -175,4 +175,4 @@ export type EditableTableExpose<ModelType = any, RecordType = any> = {
  * 可编辑表格作为表单项暴露的实例
  * @description 作为Form表单使用时不再暴露表单相关的API
  */
-export type EditableTableFormItemExpose<ModelType = any, RecordType = any> = Omit<EditableTableExpose<ModelType, RecordType>, 'resetFields' | 'validateFields' | 'clear'>;
+export type EditableTableFormItemExpose<ModelType = any, RecordType = any> = Omit<EditableTableExpose<ModelType, RecordType>, 'resetFields' | 'validateFields'>;

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

@@ -1,54 +1,54 @@
-import { isVNode as I, createVNode as r, mergeProps as S, createTextVNode as F, Fragment as w } from "vue";
-import { isFunction as m, isArray as g, isBoolean as P, omit as V, isString as q } from "lodash-unified";
-import { apTableFormItemMap as v, noRenderAsFormItemValueList as C, apTableRenderItemMap as N } from "../ap-table/constants.mjs";
-import { isDef as j } from "../utils/index.mjs";
+import { isVNode as I, createVNode as s, mergeProps as S, createTextVNode as F, Fragment as w } from "vue";
+import { isFunction as T, isArray as h, isBoolean as P, omit as V, isString as q } from "lodash-unified";
+import { apTableFormItemMap as C, noRenderAsFormItemValueList as N, apTableRenderItemMap as j } from "../ap-table/constants.mjs";
+import { isDef as v } from "../utils/index.mjs";
 import { getValueStr as A } from "../ap-field/number/helper.mjs";
 import O from "scroll-into-view-if-needed";
-import { Typography as W, Tooltip as _ } from "ant-design-vue";
+import { Typography as R, Tooltip as W } from "@aplus-frontend/antdv";
 import "../ap-form/index.mjs";
-import { objectToString as D } from "../ap-table/utils.mjs";
+import { objectToString as _, getTableRenderType as D } from "../ap-table/utils.mjs";
 import { QuestionCircleOutlined as E } from "@ant-design/icons-vue";
-import T from "../ap-form/item/index.vue.mjs";
-function b(t) {
+import b from "../ap-form/item/index.vue.mjs";
+function g(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !I(t);
 }
-function R(t) {
-  return v[t];
-}
 function k(t) {
+  return C[t];
+}
+function B(t) {
   if (!t.fieldProps)
     return !1;
-  const e = m(t.fieldProps) ? t.fieldProps({}) : t.fieldProps;
-  return j(e.required) ? e.required : (g(e.rules) ? e.rules : e.rules ? [e.rules] : []).some((o) => o.required);
+  const e = T(t.fieldProps) ? t.fieldProps({}) : t.fieldProps;
+  return v(e.required) ? e.required : (h(e.rules) ? e.rules : e.rules ? [e.rules] : []).some((i) => i.required);
 }
-function B(t, e) {
+function L(t, e) {
   if (t.valueType === "text" || t.valueType === "textArea")
     return e || "--";
   if (t.valueType === "number") {
-    const i = t.fieldProps ? m(t.fieldProps) ? t.fieldProps({}) : t.fieldProps : {};
-    return A(e, i) || "--";
+    const o = t.fieldProps ? T(t.fieldProps) ? t.fieldProps({}) : t.fieldProps : {};
+    return A(e, o) || "--";
   }
-  return D(e);
+  return _(e);
 }
-function H(t, e) {
-  const i = [t];
+function M(t, e) {
+  const o = [t];
   if (e) {
-    const o = g(e) ? e : [e];
-    i.unshift(...o);
+    const i = h(e) ? e : [e];
+    o.unshift(...i);
   }
-  return i.join(" ");
+  return o.join(" ");
 }
-function M(t, e = document.body, i = {}) {
-  const o = e.querySelectorAll("tr.ant-table-row")[t];
-  o && O(o, {
+function tt(t, e = document.body, o = {}) {
+  const i = e.querySelectorAll("tr.ant-table-row")[t];
+  i && O(i, {
     scrollMode: "if-needed",
     block: "nearest",
     behavior: "smooth",
-    ...i
+    ...o
   });
 }
-function L(t, e, i) {
-  return C.includes(t.valueType) ? i : t.copyable || t.ellipsis ? r(W.Paragraph, {
+function Q(t, e, o) {
+  return N.includes(t.valueType) ? o : t.copyable || t.ellipsis ? s(R.Paragraph, {
     copyable: t.copyable ? {
       text: e,
       tooltip: !1
@@ -59,76 +59,76 @@ function L(t, e, i) {
       ...t.ellipsis,
       tooltip: e
     } : !1,
-    content: t.ellipsis ? B(t, e) : i
-  }, null) : i;
+    content: t.ellipsis ? L(t, e) : o
+  }, null) : o;
 }
-function tt(t, e, i, o, d, l) {
-  var u, y;
+function et(t, e, o, i, u, l) {
+  var m, c;
   if (e) {
     if (t.customRenderFormItem) {
-      const a = t.customRenderFormItem(t, i.field, e, d);
-      return r(T, V(i, ["field"]), b(a) ? a : {
-        default: () => [a]
+      const d = t.customRenderFormItem(t, o.field, e, u);
+      return s(b, V(o, ["field"]), g(d) ? d : {
+        default: () => [d]
       });
     }
-    const s = R(t.valueType);
-    if (s)
-      return r(s, i, null);
-    const n = l == null ? void 0 : l[t.valueType], p = (u = n == null ? void 0 : n.renderFormItem) == null ? void 0 : u.call(n, i.field);
-    return p ? r(T, i, b(p) ? p : {
-      default: () => [p]
+    const r = k(t.valueType);
+    if (r)
+      return s(r, o, null);
+    const n = l == null ? void 0 : l[t.valueType], f = (m = n == null ? void 0 : n.renderFormItem) == null ? void 0 : m.call(n, o.field);
+    return f ? s(b, o, g(f) ? f : {
+      default: () => [f]
     }) : null;
   }
-  let f;
-  const c = N[t.valueType];
-  if (c)
-    f = r(c, S(i.field, {
+  let p;
+  const y = D(t), a = j[y];
+  if (a)
+    p = s(a, S(o.field, {
       mode: "read"
     }), null);
   else {
-    const s = l == null ? void 0 : l[t.valueType];
-    f = (y = s == null ? void 0 : s.render) == null ? void 0 : y.call(s, o, d, i.field);
+    const r = l == null ? void 0 : l[y];
+    p = (c = r == null ? void 0 : r.render) == null ? void 0 : c.call(r, i, u, o.field);
   }
-  return f ? L(t, o, f) : null;
+  return p ? Q(t, i, p) : null;
 }
-function et(t, e, i, o, d) {
-  const l = o == null ? void 0 : o({
+function ot(t, e, o, i, u) {
+  const l = i == null ? void 0 : i({
     title: t.title,
     column: t
-  }), f = (l == null ? void 0 : l.filter((h) => h.type !== Symbol.for("v-cmt"))) || [];
-  if (l && f.length > 0)
+  }), p = (l == null ? void 0 : l.filter((d) => d.type !== Symbol.for("v-cmt"))) || [];
+  if (l && p.length > 0)
     return l;
-  const u = k(t), s = q(t.title) ? {
+  const a = B(t), c = q(t.title) ? {
     class: e,
     title: t.title
-  } : {}, n = r("div", s, [u ? r("span", {
-    class: i
-  }, [F("*")]) : null, t.title]), p = t.tooltip ? m(t.tooltip) ? t.tooltip(t) : r(w, null, [t.tooltip]) : null;
-  return p ? r("span", {
+  } : {}, r = s("div", c, [a ? s("span", {
+    class: o
+  }, [F("*")]) : null, t.title]), n = t.tooltip ? T(t.tooltip) ? t.tooltip(t) : s(w, null, [t.tooltip]) : null;
+  return n ? s("span", {
     style: {
       display: "inline-flex",
       alignItems: "center",
       maxWidth: "100%"
     }
-  }, [n, r(_, {
-    title: p,
+  }, [r, s(W, {
+    title: n,
     placement: "bottom"
   }, {
-    default: () => [r(E, {
+    default: () => [s(E, {
       style: {
         padding: "4px",
-        color: d,
+        color: u,
         verticalAlign: "middle"
       }
     }, null)]
-  })]) : n;
+  })]) : r;
 }
 export {
-  k as getColumnIsRequired,
-  R as getEditableComponent,
-  et as getEditableTableTitle,
-  tt as getFinalNode,
-  B as getRawDisplayValue,
-  H as mergeClass,
-  M as scrollToRowIndex
+  B as getColumnIsRequired,
+  k as getEditableComponent,
+  ot as getEditableTableTitle,
+  et as getFinalNode,
+  L as getRawDisplayValue,
+  M as mergeClass,
+  tt as scrollToRowIndex
 };

package/es/src/hooks/useMessage.d.ts

@@ -1,7 +1,7 @@
-import { ModalFuncProps } from 'ant-design-vue/lib/modal/Modal';
-import { NotificationArgsProps, ConfigProps } from 'ant-design-vue/lib/notification';
-import { ModalFuncProps } from 'ant-design-vue';
-import { MessageApi } from 'ant-design-vue/es/message';
+import { ModalFuncProps } from '@aplus-frontend/antdv/lib/modal/Modal';
+import { NotificationArgsProps, ConfigProps } from '@aplus-frontend/antdv/lib/notification';
+import { ModalFuncProps } from '@aplus-frontend/antdv';
+import { MessageApi } from '@aplus-frontend/antdv/es/message';
 export interface NotifyApi {
     info(config: NotificationArgsProps): void;
     success(config: NotificationArgsProps): void;

package/es/src/hooks/useMessage.mjs

@@ -1,5 +1,5 @@
 import { createVNode as o } from "vue";
-import { Modal as r, notification as i, message as s } from "ant-design-vue";
+import { Modal as r, notification as i, message as s } from "@aplus-frontend/antdv";
 import { InfoCircleFilled as c, CheckCircleFilled as f, CloseCircleFilled as d } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
 import { isType as m } from "@fruits-chain/utils";