@aplus-frontend/ui 0.0.22 → 0.0.24

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

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

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

@@ -124,17 +124,23 @@ export type EditableTableExpose<ModelType = any, RecordType = any> = {
      */
     validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
     /**
-     * 添加一行数据
-     * @param defaultValue
-     * @returns
+     * 添加单条数据
+     * @param defaultValue 默认值，如果需要设置`insertIndex`，可以设置`defaultValue`为`{}`
+     * @param insertIndex 数据插入的位置
+     */
+    add: (defaultValue?: Partial<RecordType>, insertIndex?: number) => void;
+    /**
+     * 添加多条数据
+     * @param list 添加的条数或数据
+     * @param insetIn 插入的位置（前/后）
      */
-    add: (defaultValue?: Partial<RecordType>) => void;
+    addMultiple: (list: number | Partial<RecordType>[], insetIn?: 'prefix' | 'suffix') => void;
     /**
      * 删除一行数据
      * @param index
      * @returns
      */
-    remove: (index: number) => void;
+    remove: (index: number | number[]) => void;
     /**
      * 获取所有行的数据
      * @returns

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

@@ -6,3 +6,16 @@ import { EditableColumnType } from './interface';
  * @returns
  */
 export declare function getEditableComponent(valueType: EditableColumnType['valueType']): any;
+/**
+ * 获取可编辑表格的某列字段是否是required
+ * @param column
+ * @returns
+ */
+export declare function getColumnIsRequired(column: EditableColumnType<any, 'text'>): boolean;
+/**
+ * 获取ellipsis模式下最终需要渲染的字符串
+ * @param column
+ * @param value
+ * @returns
+ */
+export declare function getRawDisplayValue(column: EditableColumnType, value: any): any;

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

@@ -1,10 +1,30 @@
-import { apTableFormItemMap as o } from "../ap-table/constants.mjs";
-function r(e) {
-  const n = o[e];
-  return n || console.warn(
+import { isFunction as i, isArray as o } from "lodash-unified";
+import { apTableFormItemMap as f } from "../ap-table/constants.mjs";
+import { isDef as n } from "../utils/index.mjs";
+import { getValueStr as p } from "../ap-field/number/helper.mjs";
+function P(e) {
+  const r = f[e];
+  return r || console.warn(
     `${e} can not render because of no default renderer, use customRender instead.`
-  ), n;
+  ), r;
+}
+function m(e) {
+  if (!e.fieldProps)
+    return !1;
+  const r = i(e.fieldProps) ? e.fieldProps({}) : e.fieldProps;
+  return n(r.required) ? r.required : (o(r.rules) ? r.rules : r.rules ? [r.rules] : []).some((s) => s.required);
+}
+function b(e, r) {
+  if (e.valueType === "text" || e.valueType === "textArea")
+    return r || "--";
+  if (e.valueType === "number") {
+    const t = e.fieldProps ? i(e.fieldProps) ? e.fieldProps({}) : e.fieldProps : {};
+    return p(r, t) || "--";
+  }
+  return r;
 }
 export {
-  r as getEditableComponent
+  m as getColumnIsRequired,
+  P as getEditableComponent,
+  b as getRawDisplayValue
 };

package/es/src/theme/check-card/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;

package/lib/src/ap-field/date/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("dayjs"),b=require("ant-design-vue"),f=require("./constant.js");require("../../hooks/index.js");const m=require("lodash-unified"),S=require("./helper.js"),T=require("@aplus-frontend/utils"),_=require("../../hooks/useControllableValue.js"),M=e.defineComponent({name:"ApFieldDate",__name:"index",props:{mode:{default:"edit"},class:{},style:{},dropdownClassName:{},dropdownAlign:{},popupStyle:{},transitionName:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},tabindex:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},inputReadOnly:{type:Boolean,default:void 0},id:{},presets:{},suffixIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},clearIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},getPopupContainer:{},panelRender:{},inputRender:{},onOpenChange:{},onPanelChange:{},onFocus:{},onBlur:{},onMousedown:{},onMouseup:{},onMouseenter:{},onMouseleave:{},onClick:{},onContextmenu:{},onKeydown:{},role:{},name:{},autocomplete:{},direction:{},showToday:{type:Boolean,default:void 0},showTime:{type:Boolean,default:void 0},picker:{},prefixCls:{},defaultPickerValue:{},disabledDate:{},dateRender:{},monthCellRender:{},renderExtraFooter:{},onSelect:{},locale:{},size:{},bordered:{type:Boolean,default:void 0},showNow:{type:Boolean,default:void 0},disabledTime:{},defaultOpenValue:{},showHour:{type:Boolean,default:void 0},showMinute:{type:Boolean,default:void 0},showSecond:{type:Boolean,default:void 0},use12Hours:{type:Boolean,default:void 0},hourStep:{},minuteStep:{},secondStep:{},hideDisabledOptions:{type:Boolean,default:void 0},disabledHours:{},disabledMinutes:{},disabledSeconds:{},valueFormat:{},emptyText:{default:"--"},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"},timezone:{}},emits:["update:value"],setup(v,{emit:y}){const o=v,h=y,{value:u,updateValue:c}=_.useControllableValue(o,h),l=e.computed(()=>f.ApFieldDatePresetFormats.indexOf(o.format)>-1),d=e.computed(()=>l.value?f.PRESET_FORMAT_MAP[o.format]:o.format),g=e.computed(()=>{if(m.isNil(e.unref(u)))return;let t=r(e.unref(u));return o.timezone&&(t=r(T.getTimeFormatToZone(e.unref(u),o.timezone))),t}),B=e.computed(()=>e.unref(l)?o.picker??f.PRESET_FORMAT_PICK_MAP[o.format]:o.picker),k=e.computed(()=>{const t=e.unref(l)?f.PRESET_FORMAT_TIME_MAP[o.format]:{};return{...m.omit(o,["value","defaultValue","onChange","onOk","format","onUpdate:value","mode"]),...t}}),p=S.formatDayWithTimezone(o.timezone);function O(t){if(m.isNil(t)){c(null);return}const n=r(t);e.unref(l)?c(p(n,e.unref(d))):c(n.valueOf())}function P(t,n){var s;const i=r(t),a=t?e.unref(l)?p(i,e.unref(d)):i.valueOf():null;(s=o.onChange)==null||s.call(o,a,n)}function C(t){var a;const n=r(t),i=t?e.unref(l)?p(n,e.unref(d)):n.valueOf():null;(a=o.onOk)==null||a.call(o,i)}return(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(u)?e.unref(r)(e.unref(u)).format(d.value):t.emptyText),1)],64)):(e.openBlock(),e.createBlock(e.unref(b.DatePicker),e.mergeProps({key:1},k.value,{value:g.value,format:d.value,"onUpdate:value":O,onChange:P,onOk:C,picker:B.value}),e.createSlots({_:2},[e.renderList(t.$slots,(i,a)=>({name:a,fn:e.withCtx(s=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["value","format","picker"]))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("dayjs"),b=require("ant-design-vue"),s=require("./constant.js");require("../../hooks/index.js");const v=require("lodash-unified"),S=require("./helper.js"),T=require("@aplus-frontend/utils"),_=require("../../hooks/useControllableValue.js"),M=e.defineComponent({name:"ApFieldDate",__name:"index",props:{mode:{default:"edit"},class:{},style:{},dropdownClassName:{},dropdownAlign:{},popupStyle:{},transitionName:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},tabindex:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},inputReadOnly:{type:Boolean,default:void 0},id:{},presets:{},suffixIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},clearIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},getPopupContainer:{},panelRender:{},inputRender:{},onOpenChange:{},onPanelChange:{},onFocus:{},onBlur:{},onMousedown:{},onMouseup:{},onMouseenter:{},onMouseleave:{},onClick:{},onContextmenu:{},onKeydown:{},role:{},name:{},autocomplete:{},direction:{},showToday:{type:Boolean,default:void 0},showTime:{type:Boolean,default:void 0},picker:{},prefixCls:{},defaultPickerValue:{},disabledDate:{},dateRender:{},monthCellRender:{},renderExtraFooter:{},onSelect:{},locale:{},size:{},bordered:{type:Boolean,default:void 0},showNow:{type:Boolean,default:void 0},disabledTime:{},defaultOpenValue:{},showHour:{type:Boolean,default:void 0},showMinute:{type:Boolean,default:void 0},showSecond:{type:Boolean,default:void 0},use12Hours:{type:Boolean,default:void 0},hourStep:{},minuteStep:{},secondStep:{},hideDisabledOptions:{type:Boolean,default:void 0},disabledHours:{},disabledMinutes:{},disabledSeconds:{},valueFormat:{},emptyText:{default:"--"},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"},timezone:{}},emits:["update:value"],setup(y,{emit:h}){const o=y,g=h,{value:f,updateValue:c}=_.useControllableValue(o,g),l=e.computed(()=>s.ApFieldDatePresetFormats.indexOf(o.format)>-1),r=e.computed(()=>l.value?s.PRESET_FORMAT_MAP[o.format]:o.format),p=e.computed(()=>{if(v.isNil(e.unref(f)))return;let t=u(e.unref(f));return o.timezone&&(t=u(T.getTimeFormatToZone(e.unref(f),o.timezone))),t}),B=e.computed(()=>e.unref(l)?o.picker??s.PRESET_FORMAT_PICK_MAP[o.format]:o.picker),k=e.computed(()=>{const t=e.unref(l)?s.PRESET_FORMAT_TIME_MAP[o.format]:{};return{...v.omit(o,["value","defaultValue","onChange","onOk","format","onUpdate:value","mode"]),...t}}),m=S.formatDayWithTimezone(o.timezone);function O(t){if(v.isNil(t)){c(null);return}const n=u(t);e.unref(l)?c(m(n,e.unref(r))):c(n.valueOf())}function P(t,n){var i;const d=u(t),a=t?e.unref(l)?m(d,e.unref(r)):d.valueOf():null;(i=o.onChange)==null||i.call(o,a,n)}function C(t){var a;const n=u(t),d=t?e.unref(l)?m(n,e.unref(r)):n.valueOf():null;(a=o.onOk)==null||a.call(o,d)}return(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(p.value?e.unref(u)(p.value).format(r.value):t.emptyText),1)],64)):(e.openBlock(),e.createBlock(e.unref(b.DatePicker),e.mergeProps({key:1},k.value,{value:p.value,format:r.value,"onUpdate:value":O,onChange:P,onOk:C,picker:B.value}),e.createSlots({_:2},[e.renderList(t.$slots,(d,a)=>({name:a,fn:e.withCtx(i=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040,["value","format","picker"]))}});exports.default=M;

package/lib/src/ap-field/number/helper.d.ts

@@ -1 +1,10 @@
+import { ApFieldNumberProps } from '../interface';
+
 export declare function addZeroToDecimalPlaces(numStr: string, precision?: number): string;
+/**
+ * 获取字符串类型的值
+ * @param value
+ * @param options
+ * @returns
+ */
+export declare function getValueStr(value?: number, options?: ApFieldNumberProps): string | undefined;

package/lib/src/ap-field/number/helper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash-unified");function a(t,l){if(o.isNil(l))return t;let[i,e=""]=t.split(".");if(e.length>=l)return t;for(let r=e.length;r<l;r++)e+="0";return i+"."+e}exports.addZeroToDecimalPlaces=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-unified"),u=require("@fruits-chain/utils");function i(l,e){if(c.isNil(e))return l;let[a,r=""]=l.split(".");if(r.length>=e)return l;for(let t=r.length;t<e;t++)r+="0";return a+"."+r}function f(l,e){const a=l;if(c.isNil(a))return e==null?void 0:e.emptyText;let r=e!=null&&e.thousands?u.toDecimalMark(a,e.precision):String(a);return e!=null&&e.precision&&e.limitDecimalsRetain&&(r=i(r,e.precision)),r}exports.addZeroToDecimalPlaces=i;exports.getValueStr=f;