@aplus-frontend/ui 0.0.1-beta.33 → 0.0.1-beta.35

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.
Files changed (87) hide show
  1. package/es/src/ap-action/interface.d.ts +2 -1
  2. package/es/src/ap-action/item/index.vue2.mjs +20 -20
  3. package/es/src/ap-table/hooks/use-table-paging.d.ts +57 -0
  4. package/es/src/ap-table/interface.d.ts +11 -8
  5. package/es/src/ap-table/style/ap-table.css +14 -0
  6. package/es/src/ap-table/utils.d.ts +8 -0
  7. package/es/src/basic/help.vue.d.ts +4 -4
  8. package/es/src/basic/index.d.ts +8 -8
  9. package/es/src/modal/basic.vue2.mjs +10 -11
  10. package/es/src/modal/style/index.css +0 -103
  11. package/es/src/pro-form/style/index.css +0 -3
  12. package/es/src/pro-form/style/table-form.css +3 -0
  13. package/es/src/pro-table/components/editable/editable-cell.vue.d.ts +2 -82
  14. package/es/src/theme/antd-global-overwrite/admin/alert.css +32 -6
  15. package/es/src/theme/antd-global-overwrite/admin/form.css +9 -1
  16. package/es/src/theme/antd-global-overwrite/admin/index.css +51 -10
  17. package/es/src/theme/antd-global-overwrite/admin/modal.css +1 -1
  18. package/es/src/theme/antd-global-overwrite/admin/steps.css +2 -2
  19. package/es/src/theme/antd-global-overwrite/admin/table.css +7 -0
  20. package/es/src/theme/antd-global-overwrite/aplus/alert.css +28 -6
  21. package/es/src/theme/antd-global-overwrite/aplus/form.css +45 -12
  22. package/es/src/theme/antd-global-overwrite/aplus/index.css +84 -21
  23. package/es/src/theme/antd-global-overwrite/aplus/modal.css +1 -1
  24. package/es/src/theme/antd-global-overwrite/aplus/steps.css +2 -2
  25. package/es/src/theme/antd-global-overwrite/aplus/table.css +8 -0
  26. package/es/src/theme/ap-table/ap-table.css +14 -0
  27. package/es/src/theme/modal/index.css +0 -103
  28. package/es/src/theme/pro-form/form.css +0 -3
  29. package/es/src/theme/pro-form/table-form-inner.css +3 -0
  30. package/es/src/work-order-modal/work-order-modal.vue.mjs +28 -26
  31. package/lib/src/ap-action/interface.d.ts +2 -1
  32. package/lib/src/ap-action/item/index.vue2.js +1 -1
  33. package/lib/src/ap-table/hooks/use-table-paging.d.ts +57 -0
  34. package/lib/src/ap-table/interface.d.ts +11 -8
  35. package/lib/src/ap-table/style/ap-table.css +14 -0
  36. package/lib/src/ap-table/utils.d.ts +8 -0
  37. package/lib/src/basic/help.vue.d.ts +4 -4
  38. package/lib/src/basic/index.d.ts +8 -8
  39. package/lib/src/modal/basic.vue2.js +1 -1
  40. package/lib/src/modal/style/index.css +0 -103
  41. package/lib/src/pro-form/style/index.css +0 -3
  42. package/lib/src/pro-form/style/table-form.css +3 -0
  43. package/lib/src/pro-table/components/editable/editable-cell.vue.d.ts +2 -82
  44. package/lib/src/theme/antd-global-overwrite/admin/alert.css +32 -6
  45. package/lib/src/theme/antd-global-overwrite/admin/form.css +9 -1
  46. package/lib/src/theme/antd-global-overwrite/admin/index.css +51 -10
  47. package/lib/src/theme/antd-global-overwrite/admin/modal.css +1 -1
  48. package/lib/src/theme/antd-global-overwrite/admin/steps.css +2 -2
  49. package/lib/src/theme/antd-global-overwrite/admin/table.css +7 -0
  50. package/lib/src/theme/antd-global-overwrite/aplus/alert.css +28 -6
  51. package/lib/src/theme/antd-global-overwrite/aplus/form.css +45 -12
  52. package/lib/src/theme/antd-global-overwrite/aplus/index.css +84 -21
  53. package/lib/src/theme/antd-global-overwrite/aplus/modal.css +1 -1
  54. package/lib/src/theme/antd-global-overwrite/aplus/steps.css +2 -2
  55. package/lib/src/theme/antd-global-overwrite/aplus/table.css +8 -0
  56. package/lib/src/theme/ap-table/ap-table.css +14 -0
  57. package/lib/src/theme/modal/index.css +0 -103
  58. package/lib/src/theme/pro-form/form.css +0 -3
  59. package/lib/src/theme/pro-form/table-form-inner.css +3 -0
  60. package/lib/src/work-order-modal/work-order-modal.vue.js +1 -1
  61. package/package.json +1 -1
  62. package/es/src/ap-action/item-popconfirm/index.vue.d.ts +0 -343
  63. package/es/src/ap-field/select/index.vue.d.ts +0 -235
  64. package/es/src/ap-form/modal-form/index.vue.d.ts +0 -378
  65. package/es/src/config-provider/config-provider-props.d.ts +0 -152
  66. package/es/src/config-provider/config-provider.d.ts +0 -323
  67. package/es/src/config-provider/hooks/use-global-config.d.ts +0 -154
  68. package/es/src/config-provider/index.d.ts +0 -691
  69. package/es/src/modal/basic.vue.d.ts +0 -465
  70. package/es/src/modal/components/modal-footer.vue.d.ts +0 -457
  71. package/es/src/modal/components/modal.d.ts +0 -443
  72. package/es/src/modal/index.d.ts +0 -963
  73. package/es/src/modal/props.d.ts +0 -283
  74. package/es/src/pro-form/hooks/use-label-width.d.ts +0 -312
  75. package/lib/src/ap-action/item-popconfirm/index.vue.d.ts +0 -343
  76. package/lib/src/ap-field/select/index.vue.d.ts +0 -235
  77. package/lib/src/ap-form/modal-form/index.vue.d.ts +0 -378
  78. package/lib/src/config-provider/config-provider-props.d.ts +0 -152
  79. package/lib/src/config-provider/config-provider.d.ts +0 -323
  80. package/lib/src/config-provider/hooks/use-global-config.d.ts +0 -154
  81. package/lib/src/config-provider/index.d.ts +0 -691
  82. package/lib/src/modal/basic.vue.d.ts +0 -465
  83. package/lib/src/modal/components/modal-footer.vue.d.ts +0 -457
  84. package/lib/src/modal/components/modal.d.ts +0 -443
  85. package/lib/src/modal/index.d.ts +0 -963
  86. package/lib/src/modal/props.d.ts +0 -283
  87. package/lib/src/pro-form/hooks/use-label-width.d.ts +0 -312
@@ -1,9 +1,9 @@
1
- import { defineComponent as B, ref as m, openBlock as F, createElementBlock as h, createVNode as t, unref as e, mergeProps as T, withCtx as l, h as w } from "vue";
1
+ import { defineComponent as F, ref as c, openBlock as h, createElementBlock as T, createVNode as t, unref as e, mergeProps as w, h as m, withCtx as l } from "vue";
2
2
  import { message as O, Modal as A, Input as L, Textarea as N } from "ant-design-vue";
3
3
  import { ApForm as r } from "../ap-form/index.mjs";
4
4
  import "./help-message.vue.mjs";
5
5
  import "../ap-upload/index.mjs";
6
- import { DictCode as g } from "./interfaces.mjs";
6
+ import { DictCode as k } from "./interfaces.mjs";
7
7
  import "../config-provider/index.mjs";
8
8
  import "./style/index.css";
9
9
  import { useGlobalConfig as q } from "../config-provider/hooks/use-global-config.mjs";
@@ -12,7 +12,7 @@ import P from "../ap-form/items/select/index.vue.mjs";
12
12
  import R from "../ap-form/items/radio/index.vue.mjs";
13
13
  import S from "../ap-upload/apUpload.vue.mjs";
14
14
  import $ from "./help-message.vue2.mjs";
15
- const Y = /* @__PURE__ */ B({
15
+ const Y = /* @__PURE__ */ F({
16
16
  __name: "work-order-modal",
17
17
  props: {
18
18
  api: { type: Function },
@@ -57,42 +57,44 @@ const Y = /* @__PURE__ */ B({
57
57
  mousePosition: {}
58
58
  },
59
59
  emits: ["modalClose"],
60
- setup(k, { emit: v }) {
61
- const c = m(), a = m(!1), p = m(!0), i = k, x = q("api"), { lang: C } = I(), _ = v, u = async (n) => {
62
- var s, d;
63
- const o = await ((d = (s = x.value) == null ? void 0 : s.select) == null ? void 0 : d.call(s, {
60
+ setup(x, { emit: v }) {
61
+ const p = c(), a = c(!1), u = c(!0), i = x, C = q("api"), { lang: _ } = I(), b = v, f = async (n) => {
62
+ var s, y;
63
+ const o = await ((y = (s = C.value) == null ? void 0 : s.select) == null ? void 0 : y.call(s, {
64
64
  dictCode: n,
65
- locale: C.value
65
+ locale: _.value
66
66
  }));
67
- return o == null ? void 0 : o.map((y) => ({ label: y.itemText, value: y.itemValue }));
68
- }, b = async () => {
67
+ return o == null ? void 0 : o.map((g) => ({ label: g.itemText, value: g.itemValue }));
68
+ }, B = async () => {
69
69
  var n;
70
70
  if (!a.value)
71
71
  try {
72
72
  a.value = !0;
73
- const o = await ((n = c.value) == null ? void 0 : n.validateFields());
74
- console.log("params", o), await i.api(o), a.value = !1, O.success("操作成功"), f();
73
+ const o = await ((n = p.value) == null ? void 0 : n.validateFields());
74
+ console.log("params", o), await i.api(o), a.value = !1, O.success("操作成功"), d();
75
75
  } catch {
76
76
  a.value = !1;
77
77
  return;
78
78
  }
79
- }, f = () => {
80
- p.value = !1, _("modalClose");
79
+ }, d = () => {
80
+ u.value = !1, b("modalClose");
81
81
  };
82
- return (n, o) => (F(), h("div", null, [
83
- t(e(A), T(i, {
84
- open: p.value,
82
+ return (n, o) => (h(), T("div", null, [
83
+ t(e(A), w(i, {
84
+ open: u.value,
85
85
  title: "创建工单",
86
- "ok-text": "确认",
87
- "cancel-text": "取消",
88
- onOk: b,
86
+ "ok-text": m("span", {}, ["确认"]),
87
+ "cancel-text": m("span", {}, ["取消"]),
88
+ mask: !0,
89
+ "mask-closable": !0,
90
+ onOk: B,
89
91
  confirmLoading: a.value,
90
- onCancel: f
92
+ onCancel: d
91
93
  }), {
92
94
  default: l(() => [
93
95
  t(e(r), {
94
96
  ref_key: "formRef",
95
- ref: c
97
+ ref: p
96
98
  }, {
97
99
  default: l(() => [
98
100
  t(e(r).FormItem, {
@@ -113,7 +115,7 @@ const Y = /* @__PURE__ */ B({
113
115
  name: "ticketsType",
114
116
  rules: [{ required: !0, message: "不可为空" }],
115
117
  field: {
116
- request: () => u(e(g).TicketsType)
118
+ request: () => f(e(k).TicketsType)
117
119
  }
118
120
  }, null, 8, ["field"]),
119
121
  t(e(r).FormItem, {
@@ -134,7 +136,7 @@ const Y = /* @__PURE__ */ B({
134
136
  name: "ticketsLevel",
135
137
  rules: [{ required: !0, message: "不可为空" }],
136
138
  field: {
137
- request: () => u(e(g).TicketsLevel)
139
+ request: () => f(e(k).TicketsLevel)
138
140
  }
139
141
  }, null, 8, ["field"]),
140
142
  t(e(r).FormItem, { name: "files" }, {
@@ -150,7 +152,7 @@ const Y = /* @__PURE__ */ B({
150
152
  accept: ".txt,.doc,.docx,.rtf,.pdf,.jpg,.jpeg,.png,.gif,.bmp,.tiff,.tif,.mp4,.avi,.wmv,.mov,.mkv,.xls,.xlsx,.csv,.ppt,.pptx",
151
153
  maxCount: 10,
152
154
  maxSize: 50,
153
- subTitle: w($)
155
+ subTitle: m($)
154
156
  }, null, 8, ["getOssAccess", "subTitle"])
155
157
  ]),
156
158
  _: 1
@@ -160,7 +162,7 @@ const Y = /* @__PURE__ */ B({
160
162
  }, 512)
161
163
  ]),
162
164
  _: 1
163
- }, 16, ["open", "confirmLoading"])
165
+ }, 16, ["open", "ok-text", "cancel-text", "confirmLoading"])
164
166
  ]));
165
167
  }
166
168
  });
@@ -1,11 +1,12 @@
1
1
  import { DropdownProps, ModalFuncProps, PopconfirmProps } from 'ant-design-vue';
2
+ import { VNode } from 'vue';
2
3
 
3
4
  export type ActionColor = 'primary' | 'success' | 'error' | 'warn';
4
5
  export type ApActionItemProps = {
5
6
  /**
6
7
  * 文本
7
8
  */
8
- text?: string;
9
+ text?: string | VNode;
9
10
  /**
10
11
  * 预定义文本颜色
11
12
  */
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const d=require("ant-design-vue/es/button/LoadingIcon");require("../style/item.css");const f=require("../../config-provider/hooks/use-namespace.js"),m=e.defineComponent({name:"ApActionItem",__name:"index",props:{text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onAction:{},onClick:{},loading:{type:Boolean,default:!1}},setup(r){const n=r,{b:u,m:t}=f.useNamespace("action-item"),l=e.ref(!1);function s(o){var i;e.unref(a)||n.disabled||((i=n.onClick)==null||i.call(n,o),n.onAction&&(l.value=!0,n.onAction(o).finally(()=>l.value=!1)))}const a=e.computed(()=>n.loading||e.unref(l)),c=e.computed(()=>[u(),t(n.color),n.disabled?t("disabled"):null,a.value?t("loading"):null].filter(Boolean));return(o,i)=>o.visible?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:s,class:e.normalizeClass(c.value)},[a.value?(e.openBlock(),e.createBlock(e.unref(d),{key:0,prefixCls:"btn",existIcon:!1,loading:""})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.text||""),1)])],2)):e.createCommentVNode("",!0)}});exports.default=m;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const d=require("ant-design-vue/es/button/LoadingIcon");require("../style/item.css");const f=require("../../config-provider/hooks/use-namespace.js"),m={key:1},p=e.defineComponent({name:"ApActionItem",__name:"index",props:{text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onAction:{},onClick:{},loading:{type:Boolean,default:!1}},setup(r){const o=r,{b:s,m:t}=f.useNamespace("action-item"),l=e.ref(!1);function c(n){var i;e.unref(a)||o.disabled||((i=o.onClick)==null||i.call(o,n),o.onAction&&(l.value=!0,o.onAction(n).finally(()=>l.value=!1)))}const a=e.computed(()=>o.loading||e.unref(l)),u=e.computed(()=>[s(),t(o.color),o.disabled?t("disabled"):null,a.value?t("loading"):null].filter(Boolean));return(n,i)=>n.visible?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:c,class:e.normalizeClass(u.value)},[a.value?(e.openBlock(),e.createBlock(e.unref(d),{key:0,prefixCls:"btn",existIcon:!1,loading:""})):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[e.isVNode(n.text)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.text),{key:0})):(e.openBlock(),e.createElementBlock("span",m,e.toDisplayString(n.text||""),1))])],2)):e.createCommentVNode("",!0)}});exports.default=p;
@@ -0,0 +1,57 @@
1
+ import { Ref } from 'vue';
2
+ import { RequestData } from '../interface';
3
+ import { ApFormExpose } from '../../ap-form';
4
+ import { TablePaginationConfig } from 'ant-design-vue';
5
+
6
+ export type UseTablePagingParams<DataType, ParamsType> = {
7
+ request: (params: any) => Promise<RequestData<DataType>>;
8
+ /**
9
+ * 是否手动执行,页面初始化后不执行网络请求,需要手动触发
10
+ * @param params
11
+ * @returns
12
+ */
13
+ manual?: boolean;
14
+ /**
15
+ * @description 默认情况下,请求第几页
16
+ * @default 1
17
+ */
18
+ defaultCurrent?: number;
19
+ /**
20
+ * 默认每页请求的数据条数
21
+ * @default 10
22
+ */
23
+ defaultPageSize?: number;
24
+ /**
25
+ * 额外的默认请求参数,这个参数变更不会触发网络请求
26
+ */
27
+ defaultParams?: ParamsType;
28
+ /**
29
+ * 数据请求前格式化请求参数
30
+ * @param values
31
+ * @returns
32
+ */
33
+ formatParams?: (values: any) => any;
34
+ /**
35
+ * 特殊类型参数类型对照表(会根据该对照表运行默认的参数格式化)
36
+ */
37
+ paramsValueTypeMap?: Record<string, any>;
38
+ /**
39
+ * 重设表单需要忽略的字段
40
+ */
41
+ resetFieldsIgnores?: string[];
42
+ };
43
+ export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, defaultCurrent, defaultPageSize, request, defaultParams, formatParams, paramsValueTypeMap, resetFieldsIgnores }: UseTablePagingParams<DataType, ParamsType>) => {
44
+ formRef: Ref<ApFormExpose<any> | undefined>;
45
+ submit: () => void;
46
+ reset: () => void;
47
+ refresh: () => void;
48
+ refreshByDelete: (n: number) => void;
49
+ data: Ref<{
50
+ total: number;
51
+ records: DataType[];
52
+ loading: boolean;
53
+ }>;
54
+ current: Ref<number>;
55
+ pageSize: Ref<number>;
56
+ onChange: (p: TablePaginationConfig) => void;
57
+ };
@@ -1,8 +1,8 @@
1
- import { CardProps } from 'ant-design-vue';
2
1
  import { ColumnType, TableProps } from 'ant-design-vue/es/table';
3
2
  import { CompareFn, SortOrder } from 'ant-design-vue/es/table/interface';
4
3
  import { ApFormSearchFormProps } from '../ap-form';
5
4
  import { ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextProps } from 'src/ap-form/items/interface';
5
+ import { CSSProperties } from 'vue';
6
6
 
7
7
  type ValueEnmuTyType = {
8
8
  text: string;
@@ -78,9 +78,8 @@ export type ApColumnType<ValueType extends keyof ApTableFormFields = 'text'> = E
78
78
  */
79
79
  fieldProps?: ApTableFormFields[ValueType];
80
80
  };
81
- type RequestData<T> = {
81
+ export type RequestData<T> = {
82
82
  data: T[] | undefined;
83
- success?: boolean;
84
83
  total?: number;
85
84
  } & Record<string, any>;
86
85
  export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends keyof ApTableFormFields = 'text'> = Omit<TableProps<RecordType>, 'columns' | 'pagination'> & {
@@ -89,13 +88,9 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
89
88
  */
90
89
  columns?: ApColumnType<ValueType>[];
91
90
  /**
92
- * 是否是卡片模式
91
+ * 是否启用卡片样式
93
92
  */
94
93
  card?: boolean;
95
- /**
96
- * 卡片模式下属性设置
97
- */
98
- cardProps?: CardProps;
99
94
  /**
100
95
  * request请求参数,修改后会自动触发更新
101
96
  */
@@ -148,5 +143,13 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
148
143
  * 是否显示分页器(特定的分页器)
149
144
  */
150
145
  pagination?: boolean;
146
+ /**
147
+ * 自定义查询表单容器样式
148
+ */
149
+ searchFormWrapperStyle?: CSSProperties;
150
+ /**
151
+ * 自定义表格样式
152
+ */
153
+ tableWrapperStyle?: CSSProperties;
151
154
  };
152
155
  export {};
@@ -0,0 +1,14 @@
1
+ .aplus-ap-table-wrapper {
2
+ padding: 16px;
3
+ background-color: #fff;
4
+ }
5
+ .aplus-ap-table__search-wrapper {
6
+ padding: 16px;
7
+ padding-bottom: 0;
8
+ background-color: #fff;
9
+ margin-bottom: 16px;
10
+ }
11
+ .aplus-ap-table__form-wrapper {
12
+ padding: 16px;
13
+ background-color: #fff;
14
+ }
@@ -0,0 +1,8 @@
1
+ export type FieldValueType = 'multiple' | 'multipleNumber' | 'dayjs' | 'dayjsRange' | 'dayjsDayRange' | 'number' | 'boolean' | 'object';
2
+ export declare const formatParamsValueType: (type: FieldValueType | Record<string, FieldValueType>, value: any, cb: (t: FieldValueType, value: any) => any) => any;
3
+ /**
4
+ * 解析数值
5
+ * @param t 值类型
6
+ * @param value 值
7
+ */
8
+ export declare const parseFieldValue: (t: FieldValueType, value: any) => any;
@@ -44,9 +44,9 @@ declare const _default: DefineComponent<{
44
44
  * Help text list
45
45
  */
46
46
  text: {
47
- type: PropType<string[] | VNode< RendererNode, RendererElement, {
47
+ type: PropType<VNode< RendererNode, RendererElement, {
48
48
  [key: string]: any;
49
- }> | VNodeChild>;
49
+ }> | string[] | VNodeChild>;
50
50
  };
51
51
  }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
52
52
  /**
@@ -91,9 +91,9 @@ declare const _default: DefineComponent<{
91
91
  * Help text list
92
92
  */
93
93
  text: {
94
- type: PropType<string[] | VNode< RendererNode, RendererElement, {
94
+ type: PropType<VNode< RendererNode, RendererElement, {
95
95
  [key: string]: any;
96
- }> | VNodeChild>;
96
+ }> | string[] | VNodeChild>;
97
97
  };
98
98
  }>>, {
99
99
  color: string;
@@ -23,9 +23,9 @@ export declare const BasicHelp: {
23
23
  default: string;
24
24
  };
25
25
  text: {
26
- type: PropType<string[] | VNode<RendererNode, RendererElement, {
26
+ type: PropType< VNode<RendererNode, RendererElement, {
27
27
  [key: string]: any;
28
- }> | VNodeChild>;
28
+ }> | string[] | VNodeChild>;
29
29
  };
30
30
  }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
31
31
  maxWidth: {
@@ -48,9 +48,9 @@ export declare const BasicHelp: {
48
48
  default: string;
49
49
  };
50
50
  text: {
51
- type: PropType<string[] | VNode<RendererNode, RendererElement, {
51
+ type: PropType< VNode<RendererNode, RendererElement, {
52
52
  [key: string]: any;
53
- }> | VNodeChild>;
53
+ }> | string[] | VNodeChild>;
54
54
  };
55
55
  }>>, {
56
56
  color: string;
@@ -86,9 +86,9 @@ export declare const BasicHelp: {
86
86
  default: string;
87
87
  };
88
88
  text: {
89
- type: PropType<string[] | VNode<RendererNode, RendererElement, {
89
+ type: PropType< VNode<RendererNode, RendererElement, {
90
90
  [key: string]: any;
91
- }> | VNodeChild>;
91
+ }> | string[] | VNodeChild>;
92
92
  };
93
93
  }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
94
94
  color: string;
@@ -121,9 +121,9 @@ export declare const BasicHelp: {
121
121
  default: string;
122
122
  };
123
123
  text: {
124
- type: PropType<string[] | VNode<RendererNode, RendererElement, {
124
+ type: PropType< VNode<RendererNode, RendererElement, {
125
125
  [key: string]: any;
126
- }> | VNodeChild>;
126
+ }> | string[] | VNodeChild>;
127
127
  };
128
128
  }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
129
129
  color: string;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./components/modal.js");require("./components/modal-wrapper.vue.js");require("./components/modal-close.vue.js");require("./components/modal-footer.vue.js");require("./components/modal-header.vue.js");const W=require("./props.js"),T=require("./hooks/use-moda-full-screen.js"),p=require("lodash-unified"),B=require("@aplus-frontend/utils"),V=require("@fruits-chain/utils");require("../config-provider/index.js");require("./style/index.css");const I=require("../config-provider/hooks/use-namespace.js"),j=require("./components/modal-wrapper.vue2.js"),E=require("./components/modal-close.vue2.js"),L=require("./components/modal-header.vue2.js"),x=require("./components/modal-footer.vue2.js"),z=e.defineComponent({name:"BasicModal",inheritAttrs:!1,__name:"basic",props:W.basicProps,emits:["open-change","height-change","cancel","ok","register","update:open","fullscreen"],setup(q,{emit:w}){const n=q,a=w,k=e.useAttrs(),r=e.ref(!1),d=e.ref(null),s=e.ref(null),{b:P,bm:S}=I.useNamespace("basic-modal"),v=e.ref(0),g={setModalProps:M,emitOpen:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(s)&&e.unref(s).setModalHeight()})}},c=e.getCurrentInstance();c&&a("register",g,c.uid);const f=e.computed(()=>({...n,...e.unref(d)})),{handleFullScreen:H,getWrapClassName:_,fullScreenRef:u}=T.useFullScreen({modalWrapperRef:s,extHeightRef:v,wrapClassName:e.toRef(f.value,"wrapClassName")}),o=e.computed(()=>({...{...e.unref(f),open:e.unref(r),okButtonProps:void 0,cancelButtonProps:void 0,title:void 0},wrapClassName:e.unref(_)})),C=e.computed(()=>{const t={...k,...e.unref(f),open:e.unref(r)};return t.wrapClassName=`${(t==null?void 0:t.wrapClassName)||""} ${e.unref(_)}vben-basic-modal-wrap`,e.unref(u)?p.omit(t,["height","title"]):p.omit(t,"title")}),b=e.computed(()=>{if(!e.unref(u))return e.unref(o).height});e.watchEffect(()=>{r.value=!!n.open,u.value=!!n.defaultFullscreen}),e.watch(()=>e.unref(r),t=>{a("open-change",t),a("update:open",t),c&&g.emitOpen&&g.emitOpen(t,c.uid),e.nextTick(()=>{n.scrollTop&&t&&e.unref(s)&&e.unref(s).scrollTop()})},{immediate:!1});async function h(t){var m,l;if(t==null||t.stopPropagation(),!((l=(m=t.target)==null?void 0:m.classList)!=null&&l.contains(S("close","custom")))){if(n.closeFunc&&V.isFunction(n.closeFunc)){const i=await n.closeFunc();r.value=!i;return}r.value=!1,a("cancel",t)}}function M(t){d.value=B.deepMerge(e.unref(d)||{},t),Reflect.has(t,"open")&&(r.value=!!t.open),Reflect.has(t,"defaultFullscreen")&&(u.value=!!t.defaultFullscreen)}function y(t){a("ok",t)}function N(t){a("height-change",t)}function O(t){v.value=t}function R(t){n.canFullscreen&&(t.stopPropagation(),F(t))}function F(t){H(t),a("fullscreen")}return(t,m)=>(e.openBlock(),e.createBlock(e.unref($.default),e.mergeProps(C.value,{onCancel:h,class:e.unref(P)()}),e.createSlots({default:e.withCtx(()=>[e.createVNode(j.default,e.mergeProps({useWrapper:o.value.useWrapper,footerOffset:t.wrapperFooterOffset,fullScreen:e.unref(u),ref_key:"modalWrapperRef",ref:s,loading:o.value.loading,"loading-tip":o.value.loadingTip,minHeight:o.value.minHeight,height:b.value,open:r.value,modalFooterHeight:t.footer!==void 0&&!t.footer?0:void 0},e.unref(p.omit)(o.value.wrapperProps,"open","height","modalFooterHeight"),{onExtHeight:O,onHeightChange:N}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["useWrapper","footerOffset","fullScreen","loading","loading-tip","minHeight","height","open","modalFooterHeight"])]),_:2},[t.$slots.closeIcon?void 0:{name:"closeIcon",fn:e.withCtx(()=>[e.createVNode(E.default,{canFullscreen:o.value.canFullscreen,fullScreen:e.unref(u),onCancel:h,onFullscreen:F},null,8,["canFullscreen","fullScreen"])]),key:"0"},t.$slots.title?void 0:{name:"title",fn:e.withCtx(()=>[e.createVNode(L.default,{helpMessage:o.value.helpMessage,title:f.value.title,onDblclick:R},null,8,["helpMessage","title"])]),key:"1"},t.$slots.footer?void 0:{name:"footer",fn:e.withCtx(()=>[e.createVNode(x.default,e.mergeProps(C.value,{onOk:y,onCancel:h}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),l=>({name:l,fn:e.withCtx(i=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040)]),key:"2"},e.renderList(Object.keys(e.unref(p.omit)(t.$slots,"default")),l=>({name:l,fn:e.withCtx(i=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040,["class"]))}});exports.default=z;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./components/modal.js");require("./components/modal-wrapper.vue.js");require("./components/modal-close.vue.js");require("./components/modal-footer.vue.js");require("./components/modal-header.vue.js");const W=require("./props.js"),T=require("./hooks/use-moda-full-screen.js"),p=require("lodash-unified"),B=require("@aplus-frontend/utils"),V=require("@fruits-chain/utils");require("../config-provider/index.js");const I=require("../config-provider/hooks/use-namespace.js"),j=require("./components/modal-wrapper.vue2.js"),E=require("./components/modal-close.vue2.js"),L=require("./components/modal-header.vue2.js"),x=require("./components/modal-footer.vue2.js"),z=e.defineComponent({name:"BasicModal",inheritAttrs:!1,__name:"basic",props:W.basicProps,emits:["open-change","height-change","cancel","ok","register","update:open","fullscreen"],setup(w,{emit:k}){const n=w,a=k,q=e.useAttrs(),r=e.ref(!1),d=e.ref(null),s=e.ref(null),{b:P,bm:S}=I.useNamespace("basic-modal"),v=e.ref(0),g={setModalProps:M,emitOpen:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(s)&&e.unref(s).setModalHeight()})}},c=e.getCurrentInstance();c&&a("register",g,c.uid);const f=e.computed(()=>({...n,...e.unref(d)})),{handleFullScreen:H,getWrapClassName:_,fullScreenRef:u}=T.useFullScreen({modalWrapperRef:s,extHeightRef:v,wrapClassName:e.toRef(f.value,"wrapClassName")}),o=e.computed(()=>({...{...e.unref(f),open:e.unref(r),okButtonProps:void 0,cancelButtonProps:void 0,title:void 0},wrapClassName:e.unref(_)})),C=e.computed(()=>{const t={...q,...e.unref(f),open:e.unref(r)};return t.wrapClassName=`${(t==null?void 0:t.wrapClassName)||""} ${e.unref(_)}vben-basic-modal-wrap`,e.unref(u)?p.omit(t,["height","title"]):p.omit(t,"title")}),b=e.computed(()=>{if(!e.unref(u))return e.unref(o).height});e.watchEffect(()=>{r.value=!!n.open,u.value=!!n.defaultFullscreen}),e.watch(()=>e.unref(r),t=>{a("open-change",t),a("update:open",t),c&&g.emitOpen&&g.emitOpen(t,c.uid),e.nextTick(()=>{n.scrollTop&&t&&e.unref(s)&&e.unref(s).scrollTop()})},{immediate:!1});async function h(t){var m,l;if(t==null||t.stopPropagation(),!((l=(m=t.target)==null?void 0:m.classList)!=null&&l.contains(S("close","custom")))){if(n.closeFunc&&V.isFunction(n.closeFunc)){const i=await n.closeFunc();r.value=!i;return}r.value=!1,a("cancel",t)}}function M(t){d.value=B.deepMerge(e.unref(d)||{},t),Reflect.has(t,"open")&&(r.value=!!t.open),Reflect.has(t,"defaultFullscreen")&&(u.value=!!t.defaultFullscreen)}function y(t){a("ok",t)}function N(t){a("height-change",t)}function O(t){v.value=t}function R(t){n.canFullscreen&&(t.stopPropagation(),F(t))}function F(t){H(t),a("fullscreen")}return(t,m)=>(e.openBlock(),e.createBlock(e.unref($.default),e.mergeProps(C.value,{onCancel:h,class:e.unref(P)()}),e.createSlots({default:e.withCtx(()=>[e.createVNode(j.default,e.mergeProps({useWrapper:o.value.useWrapper,footerOffset:t.wrapperFooterOffset,fullScreen:e.unref(u),ref_key:"modalWrapperRef",ref:s,loading:o.value.loading,"loading-tip":o.value.loadingTip,minHeight:o.value.minHeight,height:b.value,open:r.value,modalFooterHeight:t.footer!==void 0&&!t.footer?0:void 0},e.unref(p.omit)(o.value.wrapperProps,"open","height","modalFooterHeight"),{onExtHeight:O,onHeightChange:N}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["useWrapper","footerOffset","fullScreen","loading","loading-tip","minHeight","height","open","modalFooterHeight"])]),_:2},[t.$slots.closeIcon?void 0:{name:"closeIcon",fn:e.withCtx(()=>[e.createVNode(E.default,{canFullscreen:o.value.canFullscreen,fullScreen:e.unref(u),onCancel:h,onFullscreen:F},null,8,["canFullscreen","fullScreen"])]),key:"0"},t.$slots.title?void 0:{name:"title",fn:e.withCtx(()=>[e.createVNode(L.default,{helpMessage:o.value.helpMessage,title:f.value.title,onDblclick:R},null,8,["helpMessage","title"])]),key:"1"},t.$slots.footer?void 0:{name:"footer",fn:e.withCtx(()=>[e.createVNode(x.default,e.mergeProps(C.value,{onOk:y,onCancel:h}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),l=>({name:l,fn:e.withCtx(i=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040)]),key:"2"},e.renderList(Object.keys(e.unref(p.omit)(t.$slots,"default")),l=>({name:l,fn:e.withCtx(i=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040,["class"]))}});exports.default=z;
@@ -1,103 +0,0 @@
1
- .fullscreen-modal {
2
- overflow: hidden;
3
- }
4
- .fullscreen-modal .ant-modal {
5
- inset: 0 !important;
6
- width: 100% !important;
7
- max-width: 100%;
8
- height: 100%;
9
- }
10
- .fullscreen-modal .ant-modal-content {
11
- height: 100%;
12
- overflow: hidden;
13
- }
14
- .fullscreen-modal .ant-modal-footer {
15
- margin-top: 0;
16
- }
17
- .aplus-basic-modal {
18
- width: 520px;
19
- padding-bottom: 0;
20
- }
21
- .aplus-basic-modal .ant-modal-body > .aplus-scrollbar {
22
- padding: 20px;
23
- padding-bottom: 0;
24
- }
25
- .aplus-basic-modal .ant-modal-title {
26
- font-size: 16px;
27
- font-weight: bold;
28
- }
29
- .aplus-basic-modal .ant-modal-title .aplus-basic-title {
30
- cursor: move !important;
31
- padding-left: 0;
32
- }
33
- .aplus-basic-modal .ant-modal-body {
34
- padding: 0;
35
- }
36
- .aplus-basic-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
37
- display: none;
38
- }
39
- .aplus-basic-modal .ant-modal-large {
40
- top: 60px;
41
- }
42
- .aplus-basic-modal .ant-modal-large .ant-modal--mini {
43
- top: 16px;
44
- }
45
- .aplus-basic-modal .ant-modal-header {
46
- padding: 15px 20px;
47
- margin-bottom: 0;
48
- border-bottom: 1px solid #dee4ed;
49
- }
50
- .aplus-basic-modal .ant-modal-content {
51
- padding: 0 !important;
52
- }
53
- .aplus-basic-modal .ant-modal-footer {
54
- padding: 20px;
55
- margin-top: 0;
56
- }
57
- .aplus-basic-modal .ant-modal-footer button + button {
58
- margin-left: 10px;
59
- }
60
- .aplus-basic-modal .ant-modal-close {
61
- top: 0 !important;
62
- right: 0 !important;
63
- width: auto !important;
64
- outline: none;
65
- background: transparent !important;
66
- font-weight: normal;
67
- }
68
- .aplus-basic-modal .ant-modal-close-x {
69
- display: inline-block;
70
- width: 96px;
71
- height: 56px;
72
- line-height: 56px !important;
73
- }
74
- .aplus-basic-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
75
- color: #909399;
76
- }
77
- .aplus-basic-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
78
- color: #ed6f6f;
79
- }
80
- .aplus-basic-modal .ant-modal-confirm-btns .ant-btn:last-child {
81
- margin-right: 0;
82
- }
83
- .aplus-basic-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
84
- color: #efbd47;
85
- }
86
- .aplus-basic-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
87
- color: #34b77c;
88
- }
89
- @media screen and (height <= 600px) {
90
- .ant-modal {
91
- top: 60px;
92
- }
93
- }
94
- @media screen and (height <= 540px) {
95
- .ant-modal {
96
- top: 30px;
97
- }
98
- }
99
- @media screen and (height <= 480px) {
100
- .ant-modal {
101
- top: 10px;
102
- }
103
- }
@@ -4,6 +4,3 @@
4
4
  .aplus-basic-form .ant-form-explain {
5
5
  font-size: 14px;
6
6
  }
7
- .aplus-basic-form--compact .ant-form-item {
8
- margin-bottom: 8px !important;
9
- }
@@ -1,3 +1,6 @@
1
+ .aplus-pro-table-form .table-form-admin .ant-table-wrapper {
2
+ padding: 0;
3
+ }
1
4
  .aplus-pro-table-form .table-form-admin .ant-table .ant-table-tbody > tr > td,
2
5
  .aplus-pro-table-form .table-form-admin .ant-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
3
6
  padding: 18px 16px 0px ;
@@ -1,84 +1,4 @@
1
- import { CSSProperties, PropType, DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
2
- import { BasicColumn } from '../../types/table';
3
- import { Recordable } from '../../../type';
4
- import { ComponentType } from '../../component-map';
1
+ import { DefineSetupFnComponent, PublicProps } from 'vue';
5
2
 
6
- declare const _default: DefineComponent<{
7
- value: {
8
- type: PropType<string | number | boolean | Record<string, any>>;
9
- default: string;
10
- };
11
- record: {
12
- type: any;
13
- };
14
- column: {
15
- type: PropType<BasicColumn>;
16
- default: () => {};
17
- };
18
- index: {
19
- type: NumberConstructor;
20
- required: true;
21
- };
22
- }, {
23
- isEdit: Ref<boolean>;
24
- ns: {
25
- namespace: ComputedRef<string>;
26
- b: (blockSuffix?: string) => string;
27
- e: (element?: string | undefined) => string;
28
- m: (modifier?: string | undefined) => string;
29
- be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
30
- em: (element?: string | undefined, modifier?: string | undefined) => string;
31
- bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
32
- bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
33
- is: {
34
- (name: string, state: boolean | undefined): string;
35
- (name: string): string;
36
- };
37
- cssVar: (object: Record<string, string>) => Record<string, string>;
38
- cssVarName: (name: string) => string;
39
- cssVarBlock: (object: Record<string, string>) => Record<string, string>;
40
- cssVarBlockName: (name: string) => string;
41
- };
42
- handleEdit: (e: Event) => void;
43
- currentValueRef: Ref<any>;
44
- handleSubmit: (needEmit?: boolean, valid?: boolean) => Promise<false | undefined>;
45
- handleChange: (e: any) => Promise<void>;
46
- handleCancel: () => void;
47
- elRef: Ref<any>;
48
- getComponent: ComputedRef<ComponentType>;
49
- getRule: ComputedRef<boolean | ((text: string, record: Recordable<any>) => Promise<string>) | undefined>;
50
- onClickOutside: () => void;
51
- ruleMessage: Ref<string>;
52
- getRuleVisible: ComputedRef<boolean | "">;
53
- getComponentProps: ComputedRef<any>;
54
- handleOptionsChange: (options: any) => void;
55
- getWrapperStyle: ComputedRef<CSSProperties>;
56
- getWrapperClass: ComputedRef<string>;
57
- getRowEditable: ComputedRef<boolean>;
58
- getValues: ComputedRef<any>;
59
- handleEnter: () => Promise<void>;
60
- handleSubmitClick: () => void;
61
- spinning: Ref<boolean>;
62
- getDisable: ComputedRef<boolean>;
63
- }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
64
- value: {
65
- type: PropType<string | number | boolean | Record<string, any>>;
66
- default: string;
67
- };
68
- record: {
69
- type: any;
70
- };
71
- column: {
72
- type: PropType<BasicColumn>;
73
- default: () => {};
74
- };
75
- index: {
76
- type: NumberConstructor;
77
- required: true;
78
- };
79
- }>>, {
80
- value: string | number | boolean | Record<string, any>;
81
- column: BasicColumn;
82
- record: any;
83
- }, {}>;
3
+ declare const _default: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
84
4
  export default _default;
@@ -1,21 +1,47 @@
1
1
  .ant-alert {
2
+ align-items: flex-start;
2
3
  width: 100%;
3
- margin: 0 0 4px;
4
- padding: 9px 12px;
4
+ padding: 6px 12px;
5
5
  border-radius: 4px;
6
6
  }
7
+ .ant-alert .ant-alert-icon {
8
+ font-size: 16px;
9
+ transform: translateY(1px);
10
+ margin-inline-end: 8px;
11
+ }
7
12
  .ant-alert .ant-alert-message {
8
- color: #182948;
9
- font-weight: bold;
13
+ color: #333333;
14
+ font-weight: normal !important;
10
15
  font-size: 12px;
11
- line-height: 12px;
16
+ line-height: 18px;
12
17
  }
13
18
  .ant-alert .ant-alert-message .href {
14
- color: #0070ff;
19
+ color: #1890ff;
15
20
  cursor: pointer;
16
21
  }
17
22
  .ant-alert .ant-alert-description {
23
+ color: #333333;
18
24
  font-weight: normal;
19
25
  font-size: 12px;
20
26
  line-height: 18px;
21
27
  }
28
+ .ant-alert-with-description .ant-alert-message {
29
+ margin-bottom: 4px;
30
+ font-weight: bold !important;
31
+ }
32
+ .ant-alert-warning {
33
+ background: rgba(250, 173, 20, 0.1);
34
+ border: 1px solid rgba(250, 173, 20, 0.4);
35
+ }
36
+ .ant-alert-info {
37
+ background: rgba(24, 144, 255, 0.1);
38
+ border: 1px solid rgba(24, 144, 255, 0.4);
39
+ }
40
+ .ant-alert-success {
41
+ background: rgba(52, 183, 124, 0.1);
42
+ border: 1px solid rgba(52, 183, 124, 0.4);
43
+ }
44
+ .ant-alert-error {
45
+ background: rgba(255, 77, 79, 0.1);
46
+ border: 1px solid rgba(255, 77, 79, 0.4);
47
+ }