@aplus-frontend/ui 0.0.22 → 0.0.24

package/lib/src/editable-table/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("ant-design-vue"),d=require("../ap-form/index.js"),i=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const N=require("../utils/index.js"),S=require("./hooks/use-get-columns.js");require("./style/index.css");const k=require("../config-provider/hooks/use-namespace.js"),P=require("../config-provider/hooks/use-global-config.js"),L=require("../hooks/useControllableValue.js"),j=e.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(p,{expose:m,emit:x}){const l=p,{b:f,em:C}=k.useNamespace("editable-table"),g=P.useGlobalConfig("uiMode","aplus"),h=e.useSlots(),w=x,{value:u,updateValue:y}=L.useControllableValue(l,w),s=e.ref(),b=d.ApForm.useWatch(l.name,s);e.watch(()=>b.value,n=>{var o;y(n),(o=l.onChange)==null||o.call(l,n)});const v=S.default(l);function R(){var n;(n=s.value)==null||n.resetFields()}async function B(n,o){var t;const a=await((t=s.value)==null?void 0:t.validateFields(n,o));return a==null?void 0:a[l.name]}function q(n){var a,t,r;const o=((a=e.unref(u))==null?void 0:a.length)||0;N.isDef(l.maxLength)&&o>=l.maxLength||(r=(t=s.value)==null?void 0:t.setFieldValue)==null||r.call(t,l.name,[...e.unref(u)||[],n||{}])}function F(n){var a,t;const o=i.cloneDeep(e.unref(u)||[]);o.splice(n,1),(t=(a=s.value)==null?void 0:a.setFieldValue)==null||t.call(a,l.name,[...o])}function D(){return e.unref(u)}function V(n){var o;return(o=e.unref(u))==null?void 0:o[n]}function _(n,o){var t,r;const a=i.cloneDeep(e.unref(u));a[n]&&(a[n]={...a[n],...o},(r=(t=s.value)==null?void 0:t.setFieldValue)==null||r.call(t,l.name,[...a]))}return m({resetFields:R,validateFields:B,add:q,remove:F,getRowData:V,getRowsData:D,setRowData:_}),(n,o)=>(e.openBlock(),e.createBlock(e.unref(d.ApForm),{"initial-values":{[l.name]:e.unref(u)},ref_key:"formRef",ref:s},{default:e.withCtx(()=>[e.createVNode(e.unref(d.ApForm).FormItem,{name:n.name,"no-style":""},{default:e.withCtx(()=>[e.createVNode(e.unref(E.Table),e.mergeProps(e.unref(i.omit)(l,["name","value","onUpdate:value","maxLength"]),{class:[e.unref(f)(),e.unref(g)==="admin"?e.unref(f)("admin"):null],columns:e.unref(v),"data-source":e.unref(u)}),e.createSlots({headerCell:e.withCtx(({column:a})=>{var t,r,c;return[(t=a==null?void 0:a.fieldProps)!=null&&t.required||(c=(r=a==null?void 0:a.fieldProps)==null?void 0:r.rules)!=null&&c.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(C)("header-cell","required"))},"*",2),e.createElementVNode("span",null,e.toDisplayString(a.title),1)],64)):e.createCommentVNode("",!0)]}),_:2},[e.renderList(h,(a,t)=>({name:t,fn:e.withCtx(r=>[e.renderSlot(n.$slots,t,e.normalizeProps(e.guardReactiveProps(r||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),A=require("ant-design-vue"),m=require("../ap-form/index.js"),c=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const p=require("../utils/index.js"),P=require("./utils.js"),j=require("./hooks/use-get-columns.js");require("./style/index.css");const z=require("../config-provider/hooks/use-namespace.js"),M=require("../config-provider/hooks/use-global-config.js"),O=require("../hooks/useControllableValue.js"),T=e.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(C,{expose:g,emit:w}){const l=C,{b:x,em:b}=z.useNamespace("editable-table"),y=M.useGlobalConfig("uiMode","aplus"),v=e.useSlots(),R=w,{value:r,updateValue:D}=O.useControllableValue(l,R),s=e.ref(),q=m.ApForm.useWatch(l.name,s);e.watch(()=>q.value,n=>{var a;D(n),(a=l.onChange)==null||a.call(l,n)});const B=j.default(l);function F(){var n;(n=s.value)==null||n.resetFields()}async function N(n,a){var t;const o=await((t=s.value)==null?void 0:t.validateFields(n,a));return o==null?void 0:o[l.name]}function V(n,a){var u,i,d;const o=((u=e.unref(r))==null?void 0:u.length)||0;if(p.isDef(l.maxLength)&&o>=l.maxLength)return;const t=[...e.unref(r)||[]];p.isDef(a)?t.splice(a,0,{...n||{}}):t.push({...n||{}}),(d=(i=s.value)==null?void 0:i.setFieldValue)==null||d.call(i,l.name,t)}function _(n,a="suffix"){var d,f,h;const o=((d=e.unref(r))==null?void 0:d.length)||0,t=c.isNumber(n)?n:n.length;if(p.isDef(l.maxLength)&&o+t>l.maxLength)return;const u=[...e.unref(r)||[]],i=c.isNumber(n)?new Array(n).fill({}):c.cloneDeep(n);a==="suffix"?u.push(...i):u.unshift(...i),(h=(f=s.value)==null?void 0:f.setFieldValue)==null||h.call(f,l.name,u)}function E(n){var t,u;let a=c.cloneDeep(e.unref(r)||[]);const o=c.isNumber(n)?[n]:n;a=a.filter((i,d)=>!o.includes(d)),(u=(t=s.value)==null?void 0:t.setFieldValue)==null||u.call(t,l.name,a)}function S(){return e.unref(r)}function k(n){var a;return(a=e.unref(r))==null?void 0:a[n]}function L(n,a){var t,u;const o=c.cloneDeep(e.unref(r));o[n]&&(o[n]={...o[n],...a},(u=(t=s.value)==null?void 0:t.setFieldValue)==null||u.call(t,l.name,[...o]))}return g({resetFields:F,validateFields:N,add:V,remove:E,getRowData:k,getRowsData:S,setRowData:L,addMultiple:_}),(n,a)=>(e.openBlock(),e.createBlock(e.unref(m.ApForm),{"initial-values":{[l.name]:e.unref(r)},ref_key:"formRef",ref:s},{default:e.withCtx(()=>[e.createVNode(e.unref(m.ApForm).FormItem,{name:n.name,"no-style":""},{default:e.withCtx(()=>[e.createVNode(e.unref(A.Table),e.mergeProps(e.unref(c.omit)(l,["name","value","onUpdate:value","maxLength"]),{class:[e.unref(x)(),e.unref(y)==="admin"?e.unref(x)("admin"):null],columns:e.unref(B),"data-source":e.unref(r)}),e.createSlots({headerCell:e.withCtx(({column:o})=>[e.unref(P.getColumnIsRequired)(o)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(b)("header-cell","required"))},"*",2),e.createElementVNode("span",null,e.toDisplayString(o.title),1)],64)):e.createCommentVNode("",!0)]),_:2},[e.renderList(v,(o,t)=>({name:t,fn:e.withCtx(u=>[e.renderSlot(n.$slots,t,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=T;

package/lib/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/lib/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/lib/src/editable-table/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../ap-table/constants.js");function o(e){const n=t.apTableFormItemMap[e];return n||console.warn(`${e} can not render because of no default renderer, use customRender instead.`),n}exports.getEditableComponent=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("lodash-unified"),n=require("../ap-table/constants.js"),o=require("../utils/index.js"),u=require("../ap-field/number/helper.js");function d(e){const r=n.apTableFormItemMap[e];return r||console.warn(`${e} can not render because of no default renderer, use customRender instead.`),r}function l(e){if(!e.fieldProps)return!1;const r=t.isFunction(e.fieldProps)?e.fieldProps({}):e.fieldProps;return o.isDef(r.required)?r.required:(t.isArray(r.rules)?r.rules:r.rules?[r.rules]:[]).some(s=>s.required)}function a(e,r){if(e.valueType==="text"||e.valueType==="textArea")return r||"--";if(e.valueType==="number"){const i=e.fieldProps?t.isFunction(e.fieldProps)?e.fieldProps({}):e.fieldProps:{};return u.getValueStr(r,i)||"--"}return r}exports.getColumnIsRequired=l;exports.getEditableComponent=d;exports.getRawDisplayValue=a;

package/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [
@@ -58,14 +58,14 @@
     "dayjs": "^1.11.11",
     "lodash-unified": "^1.0.3",
     "sortablejs": "^1.15.2",
-    "@aplus-frontend/oss": "^1.0.11",
     "mime": "^4.0.3",
-    "@aplus-frontend/hooks": "1.0.6",
-    "@aplus-frontend/utils": "1.0.23"
+    "@aplus-frontend/hooks": "1.0.7",
+    "@aplus-frontend/utils": "1.0.24"
   },
   "peerDependencies": {
     "ant-design-vue": "^4.2.1",
-    "vue": "^3.4.29"
+    "vue": "^3.4.29",
+    "@aplus-frontend/oss": "^1.0.17"
   },
   "scripts": {
     "pub:cb": "pnpm publish --access public",