@aplus-frontend/ui 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/src/ap-form/ap-form-item-group/index.vue.mjs +23 -21
- package/es/src/ap-form/ap-form.vue.d.ts +7 -2
- package/es/src/ap-form/ap-form.vue2.mjs +85 -52
- package/es/src/ap-form/context.d.ts +14 -0
- package/es/src/ap-form/hooks/use-watch.d.ts +7 -0
- package/es/src/ap-form/hooks/use-watch.mjs +30 -0
- package/es/src/ap-form/index.d.ts +2 -0
- package/es/src/ap-form/index.mjs +13 -11
- package/es/src/ap-form/interface.d.ts +17 -7
- package/es/src/ap-form/modal-form/index.vue.d.ts +2 -2
- package/es/src/ap-form/modal-form/index.vue.mjs +1 -1
- package/es/src/ap-form/search-form/index.vue.mjs +27 -27
- package/es/src/ap-table/ap-table.vue.d.ts +2 -0
- package/es/src/ap-table/ap-table.vue.mjs +112 -111
- package/es/src/ap-table/components/interface.d.ts +12 -0
- package/es/src/ap-table/components/status/index.vue.d.ts +14 -0
- package/es/src/ap-table/components/status/index.vue.mjs +4 -0
- package/es/src/ap-table/components/status/index.vue2.mjs +17 -0
- package/es/src/ap-table/constants.d.ts +20 -25
- package/es/src/ap-table/constants.mjs +19 -16
- package/es/src/ap-table/interface.d.ts +34 -4
- package/es/src/ap-table/utils.d.ts +174 -1
- package/es/src/ap-table/utils.mjs +75 -48
- package/es/src/pro-form/helper.mjs +7 -7
- package/es/src/theme/antd-global-overwrite/admin/alert.css +3 -0
- package/es/src/theme/antd-global-overwrite/admin/index.css +72 -29
- package/es/src/theme/antd-global-overwrite/admin/pagination.css +30 -14
- package/es/src/theme/antd-global-overwrite/admin/steps.css +39 -15
- package/es/src/theme/antd-global-overwrite/aplus/alert.css +3 -0
- package/es/src/theme/antd-global-overwrite/aplus/index.css +78 -33
- package/es/src/theme/antd-global-overwrite/aplus/pagination.css +38 -18
- package/es/src/theme/antd-global-overwrite/aplus/steps.css +37 -15
- package/es/src/utils/index.mjs +32 -32
- package/lib/src/ap-form/ap-form-item-group/index.vue.js +1 -1
- package/lib/src/ap-form/ap-form.vue.d.ts +7 -2
- package/lib/src/ap-form/ap-form.vue2.js +1 -1
- package/lib/src/ap-form/context.d.ts +14 -0
- package/lib/src/ap-form/hooks/use-watch.d.ts +7 -0
- package/lib/src/ap-form/hooks/use-watch.js +1 -0
- package/lib/src/ap-form/index.d.ts +2 -0
- package/lib/src/ap-form/index.js +1 -1
- package/lib/src/ap-form/interface.d.ts +17 -7
- package/lib/src/ap-form/modal-form/index.vue.d.ts +2 -2
- package/lib/src/ap-form/modal-form/index.vue.js +1 -1
- package/lib/src/ap-form/search-form/index.vue.js +1 -1
- package/lib/src/ap-table/ap-table.vue.d.ts +2 -0
- package/lib/src/ap-table/ap-table.vue.js +1 -1
- package/lib/src/ap-table/components/interface.d.ts +12 -0
- package/lib/src/ap-table/components/status/index.vue.d.ts +14 -0
- package/lib/src/ap-table/components/status/index.vue.js +1 -0
- package/lib/src/ap-table/components/status/index.vue2.js +1 -0
- package/lib/src/ap-table/constants.d.ts +20 -25
- package/lib/src/ap-table/constants.js +1 -1
- package/lib/src/ap-table/interface.d.ts +34 -4
- package/lib/src/ap-table/utils.d.ts +174 -1
- package/lib/src/ap-table/utils.js +1 -1
- package/lib/src/pro-form/helper.js +1 -1
- package/lib/src/theme/antd-global-overwrite/admin/alert.css +3 -0
- package/lib/src/theme/antd-global-overwrite/admin/index.css +72 -29
- package/lib/src/theme/antd-global-overwrite/admin/pagination.css +30 -14
- package/lib/src/theme/antd-global-overwrite/admin/steps.css +39 -15
- package/lib/src/theme/antd-global-overwrite/aplus/alert.css +3 -0
- package/lib/src/theme/antd-global-overwrite/aplus/index.css +78 -33
- package/lib/src/theme/antd-global-overwrite/aplus/pagination.css +38 -18
- package/lib/src/theme/antd-global-overwrite/aplus/steps.css +37 -15
- package/lib/src/utils/index.js +1 -1
- package/package.json +2 -2
package/es/src/utils/index.mjs
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
import { unref as s, markRaw as u } from "vue";
|
|
2
2
|
import { isUndefined as a } from "lodash-unified";
|
|
3
|
-
function
|
|
4
|
-
return (
|
|
3
|
+
function m(t) {
|
|
4
|
+
return (t == null ? void 0 : t.parentNode) ?? document.body;
|
|
5
5
|
}
|
|
6
|
-
function
|
|
7
|
-
return typeof
|
|
6
|
+
function p(t) {
|
|
7
|
+
return typeof t < "u";
|
|
8
8
|
}
|
|
9
|
-
function d(
|
|
10
|
-
const
|
|
11
|
-
return Object.keys(
|
|
12
|
-
|
|
13
|
-
}),
|
|
9
|
+
function d(t) {
|
|
10
|
+
const e = {};
|
|
11
|
+
return Object.keys(t).map((n) => {
|
|
12
|
+
e[n] = s(t[n]);
|
|
13
|
+
}), e;
|
|
14
14
|
}
|
|
15
|
-
function g(
|
|
16
|
-
const r = Object.assign({},
|
|
17
|
-
for (let
|
|
18
|
-
const
|
|
19
|
-
(
|
|
15
|
+
function g(t, e = [], n) {
|
|
16
|
+
const r = Object.assign({}, t), c = Object.keys(r);
|
|
17
|
+
for (let o = 0; o < c.length; o += 1) {
|
|
18
|
+
const i = c[o];
|
|
19
|
+
(e.includes(i) || n != null && n(i, r[i])) && delete r[i];
|
|
20
20
|
}
|
|
21
21
|
return r;
|
|
22
22
|
}
|
|
23
|
-
function k(
|
|
24
|
-
return /^[A-Z][A-Za-z]*$/.test(
|
|
23
|
+
function k(t) {
|
|
24
|
+
return /^[A-Z][A-Za-z]*$/.test(t);
|
|
25
25
|
}
|
|
26
|
-
function f(
|
|
27
|
-
if (Array.isArray(
|
|
28
|
-
return
|
|
29
|
-
if (typeof
|
|
30
|
-
const
|
|
31
|
-
for (const n in
|
|
32
|
-
|
|
33
|
-
return u(
|
|
26
|
+
function f(t) {
|
|
27
|
+
if (Array.isArray(t))
|
|
28
|
+
return t.map((e) => f(e));
|
|
29
|
+
if (typeof t == "object" && t !== null) {
|
|
30
|
+
const e = {};
|
|
31
|
+
for (const n in t)
|
|
32
|
+
e[n] = f(t[n]);
|
|
33
|
+
return u(e);
|
|
34
34
|
}
|
|
35
|
-
return
|
|
35
|
+
return t;
|
|
36
36
|
}
|
|
37
|
-
function O(
|
|
38
|
-
const
|
|
39
|
-
for (const n of Object.keys(
|
|
40
|
-
a(
|
|
41
|
-
return
|
|
37
|
+
function O(t) {
|
|
38
|
+
const e = { ...t };
|
|
39
|
+
for (const n of Object.keys(e))
|
|
40
|
+
a(e[n]) && delete e[n];
|
|
41
|
+
return e;
|
|
42
42
|
}
|
|
43
43
|
export {
|
|
44
44
|
f as convertReactiveToRaw,
|
|
45
45
|
d as getDynamicProps,
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
m as getPopupContainer,
|
|
47
|
+
p as isDef,
|
|
48
48
|
k as isPascalCase,
|
|
49
49
|
O as omitUndefined,
|
|
50
50
|
g as omitWhen
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue"),C=require("lodash-unified"),h=require("../constant.js"),u=require("./helper.js");require("../../config-provider/index.js");require("../style/ap-form-item-group.css");const k=require("../../config-provider/hooks/use-namespace.js");function y(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const _=e.defineComponent({name:"ApFormItemGroup",__name:"index",props:{align:{},justify:{},prefixCls:{},gutter:{default:16},wrap:{type:Boolean,default:void 0},countPerRow:{default:3}},setup(r){const{b:l}=k.useNamespace("ap-form-item-group"),{countPerRow:p,...d}=r,s=e.useSlots();e.watch(()=>s.default(),t=>{a.value=u.genRealChildren(t)}),e.onBeforeUpdate(()=>{a.value=u.genRealChildren(s.default())});const a=e.shallowRef(u.genRealChildren(s.default())),f=e.computed(()=>e.unref(a).map((t,c)=>{const o=t.props,n=C.pick(o,h.apFormItemColPropKeys),m=n!=null&&n.span?{}:u.buildColSpan(p),g=!!(o!=null&&o.hidden);return e.createVNode(i.Col,e.mergeProps({key:c},m,n,{class:g?l("col-hidden"):""}),y(t)?t:{default:()=>[t]})}));return(t,c)=>(e.openBlock(),e.createBlock(e.unref(i.Row),e.mergeProps({class:e.unref(l)()},d),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:n}))),128))]),_:1},16,["class"]))}});exports.default=_;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import { ApFormProps } from './interface';
|
|
1
|
+
import { ApFormProps, WatchFunc } from './interface';
|
|
2
2
|
import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
|
|
3
3
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* 订阅事件
|
|
7
|
+
*/
|
|
8
|
+
declare function registerWatch(callback: WatchFunc): () => void;
|
|
5
9
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
|
|
6
10
|
layout: string;
|
|
7
11
|
hideRequiredMark: boolean;
|
|
@@ -23,7 +27,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
23
27
|
}> | undefined;
|
|
24
28
|
scrollToField: (name: NamePath, options?: {}) => void;
|
|
25
29
|
setFieldsValue: (values: Record<string, any>) => void;
|
|
26
|
-
setFieldValue: (key:
|
|
30
|
+
setFieldValue: (key: any, newValue: any) => void;
|
|
31
|
+
registerWatch: typeof registerWatch;
|
|
27
32
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
|
|
28
33
|
layout: string;
|
|
29
34
|
hideRequiredMark: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),q=require("ant-design-vue"),M=require("./context.js"),C=require("lodash-unified"),T=a.defineComponent({__name:"ap-form",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{}},setup(_,{expose:b}){const i=_;function B(e,t){var m;if(C.isArray(e)){let d=o;for(let c=0;c<e.length-1;c++)d=d[e[c]];d[e[e.length-1]]=t}else o[e]=t;let l=C.isArray(e)?e[0]:e;(m=i.onValuesChange)==null||m.call(i,{[l]:o[l]},o),n()}const r=a.ref(),o=a.reactive(i.initialValues||{});let s=[];const f=e=>{var t;(t=r.value)==null||t.resetFields(e),n()},g=e=>{var t;(t=r.value)==null||t.clearValidate(e)},h=(e,t)=>{var l;return(l=r.value)==null?void 0:l.validateFields(e,t)},u=e=>{var t;return(t=r.value)==null?void 0:t.getFieldsValue(e)},p=(e,t)=>{var l;return(l=r.value)==null?void 0:l.validate(e,t)},v=(e,t={})=>{var l;(l=r.value)==null||l.scrollToField(e,t)},F=e=>{Object.assign(o,e),n()},y=(e,t)=>{o[e]=t,n()};function V(e){return s.push(e),()=>{s=s.filter(t=>t!==e)}}function n(){if(s.length){const e=u(!0);s.forEach(t=>{t(e)})}}return M.useProvideForm({model:a.computed(()=>o),updateModel:B,formInstance:{resetFields:f,clearValidate:g,validateFields:h,getFieldsValue:u,validate:p,scrollToField:v,setFieldsValue:F,setFieldValue:y,registerWatch:V}}),b({resetFields:f,clearValidate:g,validateFields:h,getFieldsValue:u,validate:p,scrollToField:v,setFieldsValue:F,setFieldValue:y,registerWatch:V}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(q.Form),a.mergeProps({ref_key:"formRef",ref:r},i,{model:o}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=T;
|
|
@@ -1,9 +1,23 @@
|
|
|
1
1
|
import { NamePath } from 'ant-design-vue/es/form/interface';
|
|
2
2
|
import { ComputedRef, InjectionKey } from 'vue';
|
|
3
|
+
import { ApFormExpose } from './interface';
|
|
3
4
|
|
|
4
5
|
type ApFormContextProps<ModelType> = {
|
|
6
|
+
/**
|
|
7
|
+
* Form数据源
|
|
8
|
+
*/
|
|
5
9
|
model?: ComputedRef<ModelType>;
|
|
10
|
+
/**
|
|
11
|
+
* 更新数据源的方法
|
|
12
|
+
* @param name
|
|
13
|
+
* @param value
|
|
14
|
+
* @returns
|
|
15
|
+
*/
|
|
6
16
|
updateModel?: (name: NamePath, value: any) => void;
|
|
17
|
+
/**
|
|
18
|
+
* ApForm内部实例
|
|
19
|
+
*/
|
|
20
|
+
formInstance?: ApFormExpose;
|
|
7
21
|
};
|
|
8
22
|
export declare const ApFormContextKey: InjectionKey<ApFormContextProps<any>>;
|
|
9
23
|
export declare function useProvideForm<ModelType>(state: ApFormContextProps<ModelType>): void;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { NamePath } from 'ant-design-vue/es/form/interface';
|
|
2
|
+
import { ApFormExpose } from '../interface';
|
|
3
|
+
import { Ref } from 'vue';
|
|
4
|
+
|
|
5
|
+
type ApFormIns = ApFormExpose;
|
|
6
|
+
declare const useWatch: <ValueType = any>(name: NamePath, form?: Ref<ApFormIns | undefined>) => Ref<ValueType | undefined>;
|
|
7
|
+
export default useWatch;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("../context.js"),a=require("vue"),h=require("lodash-unified");function S(t,e){return h.isArray(e)?e.reduce((r,n)=>r==null?void 0:r[n],t):t==null?void 0:t[e]}function d(t){try{return JSON.stringify(t)}catch{return Math.random()}}const y=(t,e)=>{const{formInstance:r}=g.useInjectForm(),n=a.ref();let u="";return a.watchEffect(o=>{const c=(e==null?void 0:e.value)||r;if(!c)return;const l=c.registerWatch(f=>{const s=S(f,t),i=d(s);i!==u&&(n.value=s,u=i)});o(l)}),n};exports.default=y;
|
|
@@ -4,6 +4,7 @@ import { default as ApFormItemGroup } from './ap-form-item-group/index.vue';
|
|
|
4
4
|
import { default as ApFormList } from './ap-form-list.vue';
|
|
5
5
|
import { default as ApFormSearchForm } from './search-form/index.vue';
|
|
6
6
|
import { default as ApFormModalForm } from './modal-form/index.vue';
|
|
7
|
+
import { default as useWatch } from './hooks/use-watch';
|
|
7
8
|
|
|
8
9
|
type ApFormMixedProps = typeof _ApForm & {
|
|
9
10
|
FormItem: typeof ApFormItem;
|
|
@@ -11,6 +12,7 @@ type ApFormMixedProps = typeof _ApForm & {
|
|
|
11
12
|
FormList: typeof ApFormList;
|
|
12
13
|
SearchForm: typeof ApFormSearchForm;
|
|
13
14
|
ModalForm: typeof ApFormModalForm;
|
|
15
|
+
useWatch: typeof useWatch;
|
|
14
16
|
};
|
|
15
17
|
declare const ApForm: ApFormMixedProps;
|
|
16
18
|
export * from './items';
|
package/lib/src/ap-form/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./ap-form.vue.js");require("./ap-form-item.vue2.js");require("./ap-form-item-group/index.vue2.js");require("./ap-form-list.vue2.js");require("./search-form/index.vue2.js");require("./modal-form/index.vue2.js");require("./items/index.js");require("./interface.js");const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./ap-form.vue.js");require("./ap-form-item.vue2.js");require("./ap-form-item-group/index.vue2.js");require("./ap-form-list.vue2.js");require("./search-form/index.vue2.js");require("./modal-form/index.vue2.js");const p=require("./hooks/use-watch.js");require("./items/index.js");require("./interface.js");const i=require("./ap-form.vue2.js"),r=require("./ap-form-item.vue.js"),t=require("./ap-form-item-group/index.vue.js"),u=require("./ap-form-list.vue.js"),_=require("./search-form/index.vue.js"),o=require("./modal-form/index.vue.js"),e=i.default;e.FormItem=r.default;e.FormItemGroup=t.default;e.FormList=u.default;e.SearchForm=_.default;e.ModalForm=o.default;e.useWatch=p.default;exports.ApFormItem=r.default;exports.ApFormItemGroup=t.default;exports.ApFormList=u.default;exports.ApFormSearchForm=_.default;exports.ApFormModalForm=o.default;exports.ApForm=e;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ButtonProps, ColProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
|
|
2
2
|
import { FormItemExpose } from 'ant-design-vue/es/form/FormItem';
|
|
3
|
-
import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
|
|
3
|
+
import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
|
|
4
|
+
import { Recordable } from '../type';
|
|
4
5
|
|
|
5
6
|
export type ApFormColProps = Omit<ColProps, 'prefixCls'>;
|
|
6
7
|
export type ApFormItemProps = FormItemProps & Partial<ApFormColProps> & {
|
|
@@ -13,18 +14,27 @@ export type ApFormItemProps = FormItemProps & Partial<ApFormColProps> & {
|
|
|
13
14
|
export type ApFormItemGroupProps = RowProps & {
|
|
14
15
|
countPerRow?: number;
|
|
15
16
|
};
|
|
16
|
-
export type ApFormProps = {
|
|
17
|
-
initialValues?:
|
|
18
|
-
|
|
17
|
+
export type ApFormProps = Omit<FormProps, 'model'> & {
|
|
18
|
+
initialValues?: Recordable;
|
|
19
|
+
/**
|
|
20
|
+
* 字段值更新时触发
|
|
21
|
+
* @param changedValues 更改的字段值
|
|
22
|
+
* @param allValues 更改后的字段值
|
|
23
|
+
* @returns
|
|
24
|
+
*/
|
|
25
|
+
onValuesChange?: (changedValues: Recordable, allValues: Recordable) => void;
|
|
26
|
+
};
|
|
27
|
+
export type WatchFunc = (values?: Recordable) => void;
|
|
19
28
|
export type ApFormExpose<ModelType = any> = {
|
|
20
29
|
setFieldsValue?: (fields: Partial<ModelType>) => void;
|
|
21
30
|
setFieldValue?: (key: keyof ModelType, value: any) => void;
|
|
22
31
|
resetFields: (name?: NamePath) => void;
|
|
23
32
|
clearValidate: (name?: NamePath) => void;
|
|
24
|
-
validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType
|
|
25
|
-
getFieldsValue: (nameList?:
|
|
26
|
-
validate: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType
|
|
33
|
+
validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
|
|
34
|
+
getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<ModelType> | undefined;
|
|
35
|
+
validate: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
|
|
27
36
|
scrollToField: (name: NamePath, options?: any) => void;
|
|
37
|
+
registerWatch: (callback: WatchFunc) => () => void;
|
|
28
38
|
};
|
|
29
39
|
export type ApFormItemExpose = FormItemExpose & {
|
|
30
40
|
getFieldValue: () => any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ApFormModalFormProps, ApFormSubmitterConfig } from '../interface';
|
|
2
2
|
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
|
|
3
|
-
import { NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
|
|
3
|
+
import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
|
|
4
4
|
import { VueTypeValidableDef } from '../../../node_modules/vue-types';
|
|
5
5
|
import { LegacyButtonType, ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
|
|
6
6
|
import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
|
|
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
31
31
|
resetFields: (name?: NamePath | undefined) => void;
|
|
32
32
|
clearValidate: (name?: NamePath | undefined) => void;
|
|
33
33
|
validateFields: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<Partial<any>> | undefined;
|
|
34
|
-
getFieldsValue: (nameList?: true |
|
|
34
|
+
getFieldsValue: (nameList?: true | InternalNamePath[] | undefined) => Partial<any> | undefined;
|
|
35
35
|
validate: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<Partial<any>> | undefined;
|
|
36
36
|
scrollToField: (name: NamePath, options?: {}) => void;
|
|
37
37
|
setFieldValue: (key: string, newValue: any) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const T=require("../../utils/slot.js");require("../../config-provider/index.js");const R=require("lodash-unified");require("../style/modal-form.css");const j=require("../../utils/index.js"),M=require("../../hooks/useControllableValue.js"),O=require("../../config-provider/hooks/use-locale.js"),D=require("../../config-provider/hooks/use-namespace.js"),U=require("../ap-form.vue2.js");function g(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const L=e.defineComponent({__name:"index",props:{
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const T=require("../../utils/slot.js");require("../../config-provider/index.js");const R=require("lodash-unified");require("../style/modal-form.css");const j=require("../../utils/index.js"),M=require("../../hooks/useControllableValue.js"),O=require("../../config-provider/hooks/use-locale.js"),D=require("../../config-provider/hooks/use-namespace.js"),U=require("../ap-form.vue2.js");function g(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const L=e.defineComponent({__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinishFailed:{},onValidate:{},initialValues:{},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0}},emits:["update:open"],setup(d,{expose:C,emit:B}){const o=d,m=e.useSlots(),N=B,s=e.ref(),c=e.ref(),r=e.ref(!1),{value:k,updateValue:f}=M.useControllableValue(o,N,{valuePropName:"open",defaultValue:!1}),{t:v}=O.useLocale(),{b:_,e:h}=D.useNamespace("ap-form-modal-form");e.watch(()=>s.value,l=>{var t;l&&c.value&&((t=l.setFieldsValue)==null||t.call(l,c.value),c.value=void 0)});const V=T.getSingleVNode(m.trigger),q=V?e.cloneVNode(V,{onClick:()=>{f(!0)}}):null,w=e.computed(()=>{var u,p,b,y;let l;const t=[];if(o.submitter===!1)return null;if(o.showCancel){let n;t.push(e.createVNode(i.Button,{onClick:F,disabled:r.value},g(n=v("ap.common.cancelText"))?n:{default:()=>[n]}))}return((u=o.submitter)==null?void 0:u.resetButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps(((p=o.submitter)==null?void 0:p.resetButtonProps)||{},{key:"submit",disabled:r.value,onClick:x}),{default:()=>{var n;return[((n=o.submitter)==null?void 0:n.resetText)||v("ap.common.resetText")]}})),((b=o.submitter)==null?void 0:b.submitButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps({type:"primary",key:"submit"},((y=o.submitter)==null?void 0:y.submitButtonProps)||{},{loading:r.value,onClick:P}),{default:()=>{var n;return[((n=o.submitter)==null?void 0:n.submitText)||v("ap.common.okText")]}})),m.submitter?e.createVNode(i.Flex,{justify:"flex-end",class:h("footer")},g(l=m.submitter(t))?l:{default:()=>[l]}):e.createVNode(i.Flex,{justify:"flex-end",class:h("footer")},{default:()=>[e.createVNode(i.Space,null,g(t)?t:{default:()=>[t]})]})});function x(){var l,t,a;o.submitter!==!1&&((l=s.value)==null||l.resetFields(),(a=(t=o.submitter)==null?void 0:t.onReset)==null||a.call(t))}async function P(){var l,t,a,u;if(o.submitter!==!1)try{const p=await((l=s.value)==null?void 0:l.validateFields());(a=(t=o.submitter)==null?void 0:t.onSubmit)==null||a.call(t),r.value=!0,await((u=o.onFinish)==null?void 0:u.call(o,j.convertReactiveToRaw(p)))&&f(!1)}finally{r.value=!1}}function F(){e.unref(r)||f(!1)}function S(l){!l&&e.unref(r)||f(l)}return C({resetFields:l=>{var t;(t=s.value)==null||t.resetFields(l)},clearValidate:l=>{var t;(t=s.value)==null||t.clearValidate(l)},validateFields:(l,t)=>{var a;return(a=s.value)==null?void 0:a.validateFields(l,t)},getFieldsValue:l=>{var t;return(t=s.value)==null?void 0:t.getFieldsValue(l)},validate:(l,t)=>{var a;return(a=s.value)==null?void 0:a.validate(l,t)},scrollToField:(l,t={})=>{var a;(a=s.value)==null||a.scrollToField(l,t)},setFieldValue:(l,t)=>{var a,u;(u=(a=s.value)==null?void 0:a.setFieldValue)==null||u.call(a,l,t)},setFieldsValue:l=>{var t,a;if(!s.value){c.value=l;return}(a=(t=s.value)==null?void 0:t.setFieldsValue)==null||a.call(t,l)}}),(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.Modal),e.mergeProps(l.modalProps,{open:e.unref(k),"onUpdate:open":S,onCancel:F,footer:null,width:l.width,class:e.unref(_)()}),{title:e.withCtx(()=>[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),default:e.withCtx(()=>[e.createVNode(U.default,e.mergeProps({ref_key:"formRef",ref:s},e.unref(R.omit)(o,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w.value)))]),_:3},16,["open","width","class"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(q))))],64))}});exports.default=L;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("ant-design-vue");require("../ap-form.vue.js");require("../ap-form-item-group/index.vue2.js");require("../ap-form-item.vue2.js");require("../../hooks/index.js");const N=require("../ap-form-item-group/helper.js"),D=require("@ant-design/icons-vue");require("../../config-provider/index.js");require("../style/search-form.css");const L=require("lodash-unified"),U=require("../../hooks/useControllableValue.js"),z=require("../../config-provider/hooks/use-namespace.js"),W=require("../../config-provider/hooks/use-locale.js"),b=require("../ap-form-item.vue.js"),$=require("../ap-form.vue2.js"),G=require("../ap-form-item-group/index.vue.js");function H(i){return typeof i=="function"||Object.prototype.toString.call(i)==="[object Object]"&&!e.isVNode(i)}const c=24,J=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!1},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:4},submitLoading:{type:Boolean}},emits:["update:collapse"],setup(i,{expose:q,emit:B}){var v;const o=e.useSlots(),a=i,S=B,{value:f,updateValue:w}=U.useControllableValue(a,S,{valuePropName:"collapse",defaultValuePropName:"defaultCollapse"}),{b:P}=z.useNamespace("ap-form-search-form"),{t:g}=W.useLocale(),h=e.ref();function k(){w(!e.unref(f))}function T(){var t,n;(n=(t=h.value)==null?void 0:t.validateFields())==null||n.then(a.onSubmit)}function A(){var t,n,p;a.customReset||(n=(t=h.value)==null?void 0:t.resetFields)==null||n.call(t),(p=a.onReset)==null||p.call(a)}const C=e.shallowRef(N.genRealChildren(o.default())),d=e.shallowRef((v=o.extra)==null?void 0:v.call(o)),y=e.computed(()=>Math.floor(c/a.countPerRow));e.watch(()=>o.default(),t=>{C.value=N.genRealChildren(t)}),e.watch(()=>{var t;return(t=o.extra)==null?void 0:t.call(o)},t=>{d.value=t});const E=e.computed(()=>{let t;const n=[...e.unref(C)],p=[],F=[],l=e.unref(y);let m=0;n.forEach(r=>{const u=r.props;u!=null&&u.hidden?p.push(r):(m+=u.span||l,F.push(r))});const R=c-(m+l)%c,I=R<l?c:R,_=c-l*(e.unref(d)&&!a.extraInAction?2:1),M=!a.forceExpand&&m>_;let x=0;const j=F.map((r,u)=>{const V=r.props;return x+=V.span||l,e.cloneVNode(r,{span:V.span||l,key:`ApFormSearchFormItem-${u}`,hidden:!a.forceExpand&&e.unref(f)&&x>_})}),O=c-Math.min(_,x)-l;return e.createVNode(e.Fragment,null,[j,p,e.createVNode(b.default,{span:e.unref(y)},{default:()=>[e.createVNode(s.Flex,{justify:"space-between"},{default:()=>[e.createVNode(s.Space,null,{default:()=>[e.createVNode(s.Button,{type:"primary",onClick:T,loading:a.submitLoading},{default:()=>[a.searchText||g("ap.apForm.search.search")]}),e.createVNode(s.Button,{onClick:A},{default:()=>[a.resetText||g("ap.apForm.search.reset")]}),M?e.createVNode(s.Button,{onClick:k,icon:e.createVNode(D.DoubleRightOutlined,{style:"color:#B8C3D1",rotate:e.unref(f)?90:-90},null)},null):null]}),a.extraInAction?e.unref(d):null]})]}),!a.extraInAction&&e.unref(d)?e.createVNode(b.default,{span:e.unref(f)?O:I},{default:()=>[e.createVNode(s.Flex,{justify:"end"},H(t=e.unref(d))?t:{default:()=>[t]})]}):null])});return q({apForm:e.computed(()=>e.unref(h))}),(t,n)=>(e.openBlock(),e.createBlock($.default,e.mergeProps({class:e.unref(P)(),ref_key:"apForm",ref:h},e.unref(L.omit)(a,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[e.createVNode(G.default,{"count-per-row":a.countPerRow},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E.value)))]),_:1},8,["count-per-row"])]),_:1},16,["class"]))}});exports.default=J;
|
|
@@ -28,6 +28,7 @@ type ApTableSlots = {
|
|
|
28
28
|
* @param fields
|
|
29
29
|
*/
|
|
30
30
|
declare function setSearchFormValues(fields: any): void;
|
|
31
|
+
declare function getSearchFormValues(): Partial<any> | undefined;
|
|
31
32
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any, "text">>, {
|
|
32
33
|
bordered: boolean;
|
|
33
34
|
childrenColumnName: string;
|
|
@@ -50,6 +51,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
50
51
|
submit: () => void;
|
|
51
52
|
reset: () => void;
|
|
52
53
|
setSearchFormValues: typeof setSearchFormValues;
|
|
54
|
+
getSearchFormValues: typeof getSearchFormValues;
|
|
53
55
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any, "text">>, {
|
|
54
56
|
bordered: boolean;
|
|
55
57
|
childrenColumnName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("ant-design-vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("ant-design-vue"),O=require("../ap-form/index.js"),i=require("./constants.js");require("../config-provider/index.js");const z=require("./hooks/use-table-paging.js"),S=require("lodash-unified");require("./style/ap-table.css");const L=require("@ant-design/icons-vue"),d=require("./utils.js"),D=require("../config-provider/hooks/use-locale.js"),j=require("../config-provider/hooks/use-namespace.js"),M=require("../config-provider/hooks/use-global-config.js"),_={key:0},A=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},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:{},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:{},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"}},setup(F,{expose:w}){const o=F,{t:R}=D.useLocale(),{e:g,b:c}=j.useNamespace("ap-table"),B=M.useGlobalConfig("uiMode"),p=e.computed(()=>{var n;let a=((n=o.columns)==null?void 0:n.filter(t=>!t.hideInTable))||[];return a=a.map(t=>({...d.apColumnToColumn(t),customRender({value:r,...l}){let u;if(t.customRender)u=t.customRender({value:r,...l,column:t});else{const C=d.getTableRenderType(t),N=i.apTableRenderItemMap[C],E=d.getTableRenderProps(t,{value:r,...l});u=e.createVNode(N,e.mergeProps(E,{mode:"read"}),null)}return v(t,r,u)}})),a}),y=e.computed(()=>{var a,n,t;return((t=(n=(a=o.columns)==null?void 0:a.filter(r=>!r.hideInSearch&&r.dataIndex&&(r.valueType||r.customRenderFormItem)&&!i.noRenderAsFormItemValueList.includes(r.valueType)))==null?void 0:n.sort((r,l)=>{let u=d.getColumnOrder(r.order);return d.getColumnOrder(l.order)-u}))==null?void 0:t.map(r=>{const l=d.updateFormProps(r,d.getFieldProps(r.fieldProps));return{...r,fieldProps:{label:r.title,name:r.dataIndex,...l||{},placeholder:d.getPlaceholder(R,r.valueType,l==null?void 0:l.placeholder)}}}))||[]}),x=e.computed(()=>e.unref(p).filter(a=>a.sorter===!0).map(a=>a.dataIndex)),T=e.computed(()=>e.unref(p).filter(a=>a.filters&&!a.onFilter).map(a=>a.dataIndex)),{formRef:f,submit:b,reset:h,tableProps:s,handleTableChange:P,data:k}=z.useTablePaging({async request(a){var t,r;const n=await((t=o.request)==null?void 0:t.call(o,a));return(r=o.onLoad)==null||r.call(o,(n==null?void 0:n.data)||[]),{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.total)||0}},filterFields:e.unref(T),sortFields:e.unref(x),defaultParams:o.params,defaultData:o.defaultData,manual:o.manual,defaultCurrent:o.pagination?o.pagination.defaultCurrent:void 0,defaultPageSize:o.pagination?o.pagination.defaultPageSize:void 0,formatParams:o.beforeSearchSubmit}),I=e.computed(()=>({...o,...e.unref(s),loading:S.isUndefined(o.loading)?e.unref(s).loading:o.loading,pagination:o.pagination===!1?!1:e.unref(s).pagination}));function v(a,n,t){return i.noRenderAsFormItemValueList.includes(a.valueType)?t:a.copyable||a.ellipsis?e.createVNode(m.Typography.Text,{copyable:a.copyable?{text:n,tooltip:!1}:!1,ellipsis:a.ellipsis?{tooltip:n}:!1,content:t},null):t}e.watch(()=>e.unref(k).loading,a=>{var n;(n=o.onLoadingChange)==null||n.call(o,a)});function V(a){var n,t,r;(r=(t=(n=f.value)==null?void 0:n.apForm)==null?void 0:t.setFieldsValue)==null||r.call(t,a)}function q(){var a,n,t;return(t=(n=(a=f.value)==null?void 0:a.apForm)==null?void 0:n.getFieldsValue)==null?void 0:t.call(n,!0)}return w({submit:()=>b(),reset:()=>h(),setSearchFormValues:V,getSearchFormValues:q}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.card?null:e.unref(c)("wrapper"))},[a.searchForm!==!1&&y.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.card?e.unref(g)("search-wrapper"):null),style:e.normalizeStyle(a.searchFormWrapperStyle)},[e.createVNode(e.unref(O.ApForm).SearchForm,e.mergeProps(a.searchForm||{},{ref_key:"formRef",ref:f,"custom-reset":"",onSubmit:e.unref(b),onReset:e.unref(h),"submit-loading":e.unref(s).loading}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.customRenderFormItem?t.customRenderFormItem(t):e.unref(i.apTableFormItemMap)[t.valueType||"text"]),e.mergeProps({key:t.dataIndex,ref_for:!0},t.fieldProps||{},{span:t.span}),null,16,["span"]))),128))]),_:1},16,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(a.card?e.unref(g)("table-wrapper"):null),style:e.normalizeStyle(a.tableWrapperStyle)},[e.renderSlot(a.$slots,"title"),e.createVNode(e.unref(m.Table),e.mergeProps({class:e.unref(B)==="admin"?e.unref(c)("table-admin"):e.unref(c)("table")},I.value,{onChange:e.unref(P),columns:p.value}),e.createSlots({headerCell:e.withCtx(({column:t,title:r})=>[t.tooltip?(e.openBlock(),e.createElementBlock("span",_,[e.createElementVNode("span",null,e.toDisplayString(r),1),e.createVNode(e.unref(m.Tooltip),{title:t.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(L.QuestionCircleOutlined),{style:{color:"#0070ff","padding-left":"4px"}})]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(S.omit)(a.$slots,"title"),(t,r)=>({name:r,fn:e.withCtx(l=>[e.renderSlot(a.$slots,r,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","onChange","columns"])],6)],2))}});exports.default=A;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { ValueEnum } from '../interface';
|
|
2
|
+
|
|
1
3
|
export type ApTablePaginationProps = {
|
|
2
4
|
/** dataSource的总数量 */
|
|
3
5
|
total?: number;
|
|
@@ -18,3 +20,13 @@ export type ApTableIndexProps = {
|
|
|
18
20
|
*/
|
|
19
21
|
value?: any;
|
|
20
22
|
};
|
|
23
|
+
export type ApTableStatusProps = {
|
|
24
|
+
/**
|
|
25
|
+
* 配置的值到配置的枚举值
|
|
26
|
+
*/
|
|
27
|
+
valueEnum: ValueEnum;
|
|
28
|
+
/**
|
|
29
|
+
* 当前的值
|
|
30
|
+
*/
|
|
31
|
+
value?: any;
|
|
32
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ApTableStatusProps } from '../interface';
|
|
2
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
3
|
+
|
|
4
|
+
declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<ApTableStatusProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ApTableStatusProps>>>, {}, {}>;
|
|
5
|
+
export default _default;
|
|
6
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
7
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
8
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
9
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
10
|
+
} : {
|
|
11
|
+
type: PropType<T[K]>;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue2.js");exports.default=e.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("ant-design-vue"),o=e.defineComponent({name:"_ApTableStatus",__name:"index",props:{valueEnum:{},value:{}},setup(n){const t=n,u=e.computed(()=>t.valueEnum[t.value]);return(a,l)=>u.value?(e.openBlock(),e.createBlock(e.unref(r.Badge),e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0)}});exports.default=o;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ApTableValueFields } from './interface';
|
|
1
|
+
import { ApTableValueFields, ValueEnum } from './interface';
|
|
2
2
|
import { CreateComponentPublicInstance, ExtractPropTypes, PropType, HTMLAttributes, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, DefineComponent, PublicProps, VNode, RendererNode, RendererElement, CSSProperties, ComputedRef } from 'vue';
|
|
3
3
|
import { ColSize } from 'ant-design-vue/es/grid';
|
|
4
4
|
import { ApFieldDateProps, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextProps, ApFieldTextAreaProps, ApFieldCheckboxProps, FieldMode } from '../ap-field';
|
|
@@ -2482,9 +2482,6 @@ export declare const apTableFormItemMap: {
|
|
|
2482
2482
|
addonAfter?: any;
|
|
2483
2483
|
prefix?: any;
|
|
2484
2484
|
default?: any;
|
|
2485
|
-
/**
|
|
2486
|
-
* 表格到查询表单的映射
|
|
2487
|
-
*/
|
|
2488
2485
|
upIcon?: any;
|
|
2489
2486
|
downIcon?: any;
|
|
2490
2487
|
}> & {
|
|
@@ -2492,9 +2489,6 @@ export declare const apTableFormItemMap: {
|
|
|
2492
2489
|
addonAfter?: any;
|
|
2493
2490
|
prefix?: any;
|
|
2494
2491
|
default?: any;
|
|
2495
|
-
/**
|
|
2496
|
-
* 表格到查询表单的映射
|
|
2497
|
-
*/
|
|
2498
2492
|
upIcon?: any;
|
|
2499
2493
|
downIcon?: any;
|
|
2500
2494
|
};
|
|
@@ -5305,17 +5299,13 @@ export declare const apTableFormItemMap: {
|
|
|
5305
5299
|
validateFirst: boolean;
|
|
5306
5300
|
}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
5307
5301
|
$slots: Readonly<{
|
|
5308
|
-
addonAfter: any;
|
|
5309
|
-
* 表格到查询表单的映射
|
|
5310
|
-
*/
|
|
5302
|
+
addonAfter: any;
|
|
5311
5303
|
addonBefore: any;
|
|
5312
5304
|
prefix: any;
|
|
5313
5305
|
suffix: any;
|
|
5314
5306
|
clearIcon: any;
|
|
5315
5307
|
}> & {
|
|
5316
|
-
addonAfter: any;
|
|
5317
|
-
* 表格到查询表单的映射
|
|
5318
|
-
*/
|
|
5308
|
+
addonAfter: any;
|
|
5319
5309
|
addonBefore: any;
|
|
5320
5310
|
prefix: any;
|
|
5321
5311
|
suffix: any;
|
|
@@ -9820,9 +9810,6 @@ export declare const apTableRenderItemMap: {
|
|
|
9820
9810
|
default: any;
|
|
9821
9811
|
type: PropType<any>;
|
|
9822
9812
|
};
|
|
9823
|
-
/**
|
|
9824
|
-
* 表格自定义渲染
|
|
9825
|
-
*/
|
|
9826
9813
|
icon: {
|
|
9827
9814
|
default: any;
|
|
9828
9815
|
type: PropType<any>;
|
|
@@ -10193,9 +10180,6 @@ export declare const apTableRenderItemMap: {
|
|
|
10193
10180
|
default: any;
|
|
10194
10181
|
type: PropType<any>;
|
|
10195
10182
|
};
|
|
10196
|
-
/**
|
|
10197
|
-
* 表格自定义渲染
|
|
10198
|
-
*/
|
|
10199
10183
|
icon: {
|
|
10200
10184
|
default: any;
|
|
10201
10185
|
type: PropType<any>;
|
|
@@ -10577,9 +10561,6 @@ export declare const apTableRenderItemMap: {
|
|
|
10577
10561
|
default: any;
|
|
10578
10562
|
type: PropType<any>;
|
|
10579
10563
|
};
|
|
10580
|
-
/**
|
|
10581
|
-
* 表格自定义渲染
|
|
10582
|
-
*/
|
|
10583
10564
|
icon: {
|
|
10584
10565
|
default: any;
|
|
10585
10566
|
type: PropType<any>;
|
|
@@ -10958,9 +10939,6 @@ export declare const apTableRenderItemMap: {
|
|
|
10958
10939
|
default: any;
|
|
10959
10940
|
type: PropType<any>;
|
|
10960
10941
|
};
|
|
10961
|
-
/**
|
|
10962
|
-
* 表格自定义渲染
|
|
10963
|
-
*/
|
|
10964
10942
|
icon: {
|
|
10965
10943
|
default: any;
|
|
10966
10944
|
type: PropType<any>;
|
|
@@ -12333,6 +12311,23 @@ export declare const apTableRenderItemMap: {
|
|
|
12333
12311
|
}>>, {
|
|
12334
12312
|
bordered: boolean;
|
|
12335
12313
|
}, {}>;
|
|
12314
|
+
status: DefineComponent<{
|
|
12315
|
+
valueEnum: {
|
|
12316
|
+
type: PropType<ValueEnum>;
|
|
12317
|
+
required: true;
|
|
12318
|
+
};
|
|
12319
|
+
value: {
|
|
12320
|
+
type: PropType<any>;
|
|
12321
|
+
};
|
|
12322
|
+
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
12323
|
+
valueEnum: {
|
|
12324
|
+
type: PropType<ValueEnum>;
|
|
12325
|
+
required: true;
|
|
12326
|
+
};
|
|
12327
|
+
value: {
|
|
12328
|
+
type: PropType<any>;
|
|
12329
|
+
};
|
|
12330
|
+
}>>, {}, {}>;
|
|
12336
12331
|
};
|
|
12337
12332
|
/**
|
|
12338
12333
|
* 不需要渲染到Form表单的valueType字段
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../ap-action/index.js");require("../ap-field/index.js");require("../ap-form/index.js");require("./components/index/index.vue.js");const e=require("../ap-form/items/date/index.vue.js"),t=require("../ap-form/items/date-range/index.vue.js"),_=require("../ap-form/items/number/index.vue.js"),u=require("../ap-form/items/radio/index.vue.js"),r=require("../ap-form/items/select/index.vue.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../ap-action/index.js");require("../ap-field/index.js");require("../ap-form/index.js");require("./components/index/index.vue.js");require("./components/status/index.vue.js");const e=require("../ap-form/items/date/index.vue.js"),t=require("../ap-form/items/date-range/index.vue.js"),_=require("../ap-form/items/number/index.vue.js"),u=require("../ap-form/items/radio/index.vue.js"),r=require("../ap-form/items/select/index.vue.js"),i=require("../ap-form/items/switch/index.vue.js"),n=require("../ap-form/items/text/index.vue.js"),s=require("../ap-form/items/text-area/index.vue.js"),a=require("../ap-form/items/checkbox/index.vue.js"),p=require("../ap-field/date/index.vue.js"),c=require("../ap-field/date-range/index.vue.js"),d=require("../ap-field/number/index.vue.js"),l=require("../ap-field/radio/index.vue.js"),v=require("../ap-field/select/index.vue.js"),o=require("../ap-field/switch/index.vue.js"),x=require("../ap-field/text/index.vue.js"),g=require("../ap-field/text-area/index.vue.js"),q=require("../ap-field/checkbox/index.vue.js"),f=require("../ap-action/group/index.vue.js"),y=require("./components/index/index.vue2.js"),$=require("./components/status/index.vue2.js"),m={date:e.default,dateRange:t.default,number:_.default,radio:u.default,select:r.default,switch:i.default,text:n.default,textArea:s.default,checkbox:a.default},b={date:p.default,dateRange:c.default,number:d.default,radio:l.default,select:v.default,switch:o.default,text:x.default,textArea:g.default,checkbox:q.default,action:f.default,index:y.default,status:$.default},I=["action","index"];exports.apTableFormItemMap=m;exports.apTableRenderItemMap=b;exports.noRenderAsFormItemValueList=I;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ColumnType, TableProps } from 'ant-design-vue/es/table';
|
|
2
2
|
import { CompareFn, SortOrder } from 'ant-design-vue/es/table/interface';
|
|
3
3
|
import { ApFormSearchFormProps } from '../ap-form';
|
|
4
|
-
import { ApFormItemCheckboxProps, ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextProps } from '
|
|
4
|
+
import { ApFormItemCheckboxProps, ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextProps } from '../ap-form/items/interface';
|
|
5
5
|
import { Recordable } from '../type';
|
|
6
6
|
import { CSSProperties } from 'vue';
|
|
7
7
|
import { ApActionGroupProps } from '../ap-action';
|
|
@@ -9,7 +9,13 @@ import { ApTableIndexProps } from './components/interface';
|
|
|
9
9
|
|
|
10
10
|
export type ValueEnumType = {
|
|
11
11
|
text: string;
|
|
12
|
-
|
|
12
|
+
/**
|
|
13
|
+
* 当前枚举值与定义的状态,等同于Badge的status
|
|
14
|
+
*/
|
|
15
|
+
status?: 'success' | 'error' | 'processing' | 'warning' | 'default';
|
|
16
|
+
/**
|
|
17
|
+
* 如果status预定义的颜色无法满足需求,你可以自定义徽标的颜色,注意`color`比`status`的优先级更高
|
|
18
|
+
*/
|
|
13
19
|
color?: string;
|
|
14
20
|
disabled?: boolean;
|
|
15
21
|
};
|
|
@@ -45,7 +51,7 @@ export type ApTableValueFields = {
|
|
|
45
51
|
index: ApTableIndexProps;
|
|
46
52
|
};
|
|
47
53
|
export type ValueEnum = Record<string, ValueEnumType>;
|
|
48
|
-
export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children'> & {
|
|
54
|
+
export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters'> & {
|
|
49
55
|
sorter?: string | boolean | CompareFn<T> | {
|
|
50
56
|
compare?: CompareFn<T>;
|
|
51
57
|
/** Config multiple sorter order priority */
|
|
@@ -102,6 +108,10 @@ export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text', Re
|
|
|
102
108
|
* @description 值越大,越排在前面,请设置正整数,设置为0或负数将会无效
|
|
103
109
|
*/
|
|
104
110
|
order?: number;
|
|
111
|
+
/**
|
|
112
|
+
* 表头的菜单筛选项,设置为true后会尝试使用valueEnum生成filters
|
|
113
|
+
*/
|
|
114
|
+
filters?: ColumnType<RecordType>['filters'] | true;
|
|
105
115
|
};
|
|
106
116
|
export type RequestData<T> = {
|
|
107
117
|
data: T[] | undefined;
|
|
@@ -186,7 +196,27 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
|
|
|
186
196
|
*/
|
|
187
197
|
size?: 'middle' | 'small';
|
|
188
198
|
};
|
|
189
|
-
export type ApTableExpose = {
|
|
199
|
+
export type ApTableExpose<SearchParamsType = Recordable> = {
|
|
200
|
+
/**
|
|
201
|
+
* 查询表单提交
|
|
202
|
+
*/
|
|
190
203
|
submit: () => void;
|
|
204
|
+
/**
|
|
205
|
+
* 查询表单重置
|
|
206
|
+
*/
|
|
191
207
|
reset: () => void;
|
|
208
|
+
/**
|
|
209
|
+
* 设置查询表单的值
|
|
210
|
+
* @param fields
|
|
211
|
+
* @returns
|
|
212
|
+
*/
|
|
213
|
+
setSearchFormValues: (fields: Partial<SearchParamsType>) => void;
|
|
214
|
+
/**
|
|
215
|
+
* 获取查询表单值
|
|
216
|
+
* @returns
|
|
217
|
+
*/
|
|
218
|
+
getSearchFormValues: () => Partial<SearchParamsType>;
|
|
219
|
+
};
|
|
220
|
+
export type FixedApColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = Omit<ApColumnType<ValueType, RecordType>, 'filters'> & {
|
|
221
|
+
filters?: ColumnType<RecordType>['filters'];
|
|
192
222
|
};
|