@aplus-frontend/ui 0.0.1-beta.26 → 0.0.1-beta.28

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 (69) hide show
  1. package/es/src/ap-action/style/item.css +6 -1
  2. package/es/src/ap-form/interface.d.ts +1 -0
  3. package/es/src/ap-form/modal-form/index.vue.d.ts +11 -2
  4. package/es/src/ap-form/modal-form/index.vue.mjs +120 -76
  5. package/es/src/ap-form/style/ap-form-item.css +2 -1
  6. package/es/src/base-button/index.d.ts +1 -1
  7. package/es/src/basic/index.d.ts +1 -1
  8. package/es/src/button/index.d.ts +1 -1
  9. package/es/src/config-provider/index.d.ts +1 -1
  10. package/es/src/container/index.d.ts +1 -1
  11. package/es/src/count-down/index.d.ts +1 -1
  12. package/es/src/cropper/index.d.ts +369 -0
  13. package/es/src/description/index.d.ts +1 -1
  14. package/es/src/dropdown/index.d.ts +1 -1
  15. package/es/src/icon/index.d.ts +1 -1
  16. package/es/src/icon-picker/index.d.ts +1 -1
  17. package/es/src/modal/index.d.ts +963 -0
  18. package/es/src/pro-table/hooks/use-data-source.mjs +30 -32
  19. package/es/src/scroll-bar/index.d.ts +1 -2
  20. package/es/src/strength-meter/index.d.ts +1 -1
  21. package/es/src/theme/antd-global-overwrite/admin/button.css +12 -6
  22. package/es/src/theme/antd-global-overwrite/admin/index.css +58 -12
  23. package/es/src/theme/antd-global-overwrite/admin/modal.css +13 -0
  24. package/es/src/theme/antd-global-overwrite/admin/table.css +33 -6
  25. package/es/src/theme/antd-global-overwrite/aplus/button.css +12 -6
  26. package/es/src/theme/antd-global-overwrite/aplus/index.css +77 -11
  27. package/es/src/theme/antd-global-overwrite/aplus/modal.css +13 -0
  28. package/es/src/theme/antd-global-overwrite/aplus/table.css +52 -5
  29. package/es/src/theme/ap-action/item.css +6 -1
  30. package/es/src/theme/ap-form/ap-form-item.css +2 -1
  31. package/es/src/transition/index.d.ts +1 -1
  32. package/es/src/utils/config-provider-preset.mjs +11 -11
  33. package/es/src/utils/index.d.ts +8 -0
  34. package/es/src/utils/index.mjs +29 -17
  35. package/lib/src/ap-action/style/item.css +6 -1
  36. package/lib/src/ap-form/interface.d.ts +1 -0
  37. package/lib/src/ap-form/modal-form/index.vue.d.ts +11 -2
  38. package/lib/src/ap-form/modal-form/index.vue.js +1 -1
  39. package/lib/src/ap-form/style/ap-form-item.css +2 -1
  40. package/lib/src/base-button/index.d.ts +1 -1
  41. package/lib/src/basic/index.d.ts +1 -1
  42. package/lib/src/button/index.d.ts +1 -1
  43. package/lib/src/config-provider/index.d.ts +1 -1
  44. package/lib/src/container/index.d.ts +1 -1
  45. package/lib/src/count-down/index.d.ts +1 -1
  46. package/lib/src/cropper/index.d.ts +369 -0
  47. package/lib/src/description/index.d.ts +1 -1
  48. package/lib/src/dropdown/index.d.ts +1 -1
  49. package/lib/src/icon/index.d.ts +1 -1
  50. package/lib/src/icon-picker/index.d.ts +1 -1
  51. package/lib/src/modal/index.d.ts +963 -0
  52. package/lib/src/pro-table/hooks/use-data-source.js +1 -1
  53. package/lib/src/scroll-bar/index.d.ts +1 -2
  54. package/lib/src/strength-meter/index.d.ts +1 -1
  55. package/lib/src/theme/antd-global-overwrite/admin/button.css +12 -6
  56. package/lib/src/theme/antd-global-overwrite/admin/index.css +58 -12
  57. package/lib/src/theme/antd-global-overwrite/admin/modal.css +13 -0
  58. package/lib/src/theme/antd-global-overwrite/admin/table.css +33 -6
  59. package/lib/src/theme/antd-global-overwrite/aplus/button.css +12 -6
  60. package/lib/src/theme/antd-global-overwrite/aplus/index.css +77 -11
  61. package/lib/src/theme/antd-global-overwrite/aplus/modal.css +13 -0
  62. package/lib/src/theme/antd-global-overwrite/aplus/table.css +52 -5
  63. package/lib/src/theme/ap-action/item.css +6 -1
  64. package/lib/src/theme/ap-form/ap-form-item.css +2 -1
  65. package/lib/src/transition/index.d.ts +1 -1
  66. package/lib/src/utils/config-provider-preset.js +1 -1
  67. package/lib/src/utils/index.d.ts +8 -0
  68. package/lib/src/utils/index.js +1 -1
  69. package/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),ue=require("@vueuse/core"),N=require("../../utils/uuid.js"),l=require("lodash-unified"),g=require("../const.js"),B=require("../helper.js");require("../../config-provider/index.js");const ae=require("../../config-provider/hooks/use-global-config.js");function ce(f,{getPaginationInfo:O,setPagination:S,setLoading:_,getFieldsValue:H,clearSelectedRowKeys:V,tableData:Z},A){const C=ae.useGlobalConfig(),J=n.unref(C).table.fetchSetting,P=n.unref(C).table.defaultPageSize,T=n.reactive({sortInfo:{},filterInfo:{}}),t=n.ref([]),q=n.ref({});n.watchEffect(()=>{Z.value=n.unref(t)}),n.watch(()=>n.unref(f).dataSource,()=>{const{dataSource:e,api:r}=n.unref(f);!r&&e&&(t.value=e)},{immediate:!0});function Q(e,r,u){const{clearSelectOnPageChange:a,sortFn:c,filterFn:i}=n.unref(f);a&&V(),S(e);const o={};if(u&&l.isFunction(c)){const s=c(u);T.sortInfo=s,o.sortInfo=s}if(r&&l.isFunction(i)){const s=i(r);T.filterInfo=s,o.filterInfo=s}I(o)}function W(e){!e||!Array.isArray(e)||e.forEach(r=>{r[g.ROW_KEY]||(r[g.ROW_KEY]=N.buildUUID()),r.children&&r.children.length&&W(r.children)})}const R=n.computed(()=>n.unref(f).autoCreateKey&&!n.unref(f).rowKey),m=n.computed(()=>{const{rowKey:e}=n.unref(f);return n.unref(R)?g.ROW_KEY:e});n.watchEffect(()=>{if(n.unref(R)){const e=n.unref(t),r=e[0],u=e[e.length-1];if(r&&u&&(!r[g.ROW_KEY]||!u[g.ROW_KEY])){const a=l.cloneDeep(n.unref(t));a.forEach(c=>{c[g.ROW_KEY]||(c[g.ROW_KEY]=N.buildUUID()),c.children&&c.children.length&&W(c.children)}),t.value=a}}});const Y=n.computed(()=>{const e=n.unref(t);return!e||e.length===0,n.unref(t)});async function X(e,r,u){return t.value[e]&&(t.value[e][r]=u),t.value[e]}function $(e,r){const u=U(e);if(u){for(const a in u)Reflect.has(r,a)&&(u[a]=r[a]);return u}}function x(e){var a;if(!t.value||t.value.length==0)return;const r=Array.isArray(e)?e:[e];function u(c,i){const o=s(c,i);if(o===null||o.index===-1)return;o.data.splice(o.index,1);function s(d,v){var K;if(d==null)return null;for(let w=0;w<d.length;w++){const F=d[w];if(B.parseRowKeyValue(n.unref(m),F)===v)return{index:w,data:d};if(((K=F.children)==null?void 0:K.length)>0){const h=s(F.children,v);if(h!=null)return h}}return null}}for(const c of r)u(t.value,c),u(n.unref(f).dataSource,c);S({total:(a=n.unref(f).dataSource)==null?void 0:a.length})}function L(e,r){var a;r=r??((a=t.value)==null?void 0:a.length);const u=l.isObject(e)?[e]:e;return n.unref(t).splice(r,0,...u),n.unref(t)}function U(e){if(!t.value||t.value.length==0)return;const{childrenColumnName:r="children"}=n.unref(f);return(a=>{let c;return a.some(function i(o){return B.parseRowKeyValue(n.unref(m),o)===e?(c=o,!0):o[r]&&o[r].some(i)}),c})(t.value)}async function I(e){const{api:r,searchInfo:u,defSort:a,fetchSetting:c,beforeFetch:i,afterFetch:o,useSearchForm:s,pagination:d}=n.unref(f);if(!(!r||!l.isFunction(r)))try{_(!0);const{pageField:v,sizeField:K,listField:w,totalField:F}=Object.assign({},J,c);let h={};const{current:G=1,pageSize:j=P}=n.unref(O);l.isBoolean(d)&&!d||l.isBoolean(O)?h={}:(h[v]=e&&e.page||G,h[K]=j);const{sortInfo:re={},filterInfo:te}=T;let D=l.merge(h,s?H():{},u,(e==null?void 0:e.searchInfo)??{},a,re,te,(e==null?void 0:e.sortInfo)??{},(e==null?void 0:e.filterInfo)??{});i&&l.isFunction(i)&&(D=await i(D)||D);const b=await r(D);q.value=b;const z=Array.isArray(b);let y=z?b:l.get(b,w);const E=z?b.length:l.get(b,F);if(Number(E)){const M=Math.ceil(E/j);if(G>M)return S({current:M}),await I(e)}return o&&l.isFunction(o)&&(y=await o(y)||y),t.value=y,S({total:E||0}),e&&e.page&&S({current:e.page||1}),A("fetch-success",{items:n.unref(y),total:E}),y}catch(v){A("fetch-error",v),t.value=[],S({total:0})}finally{_(!1)}}function k(e){t.value=e}function p(){return Y.value}function ee(){return q.value}async function ne(e){return await I(e)}return n.onMounted(()=>{ue.useTimeoutFn(()=>{n.unref(f).immediate&&I()},16)}),{getDataSourceRef:Y,getDataSource:p,getRawDataSource:ee,getRowKey:m,setTableData:k,getAutoCreateKey:R,fetch:I,reload:ne,updateTableData:X,updateTableDataRecord:$,deleteTableDataRecord:x,insertTableDataRecord:L,findTableDataRecord:U,handleTableChange:Q}}exports.useDataSource=ce;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),ue=require("@vueuse/core"),N=require("../../utils/uuid.js"),l=require("lodash-unified"),g=require("../const.js"),B=require("../helper.js");require("../../config-provider/index.js");const ae=require("../../config-provider/hooks/use-global-config.js");function ce(f,{getPaginationInfo:O,setPagination:S,setLoading:_,getFieldsValue:H,clearSelectedRowKeys:V,tableData:Z},A){const C=ae.useGlobalConfig(),J=n.unref(C).table.fetchSetting,P=n.unref(C).table.defaultPageSize,T=n.reactive({sortInfo:{},filterInfo:{}}),t=n.ref([]),q=n.ref({});n.watchEffect(()=>{Z.value=n.unref(t)}),n.watch(()=>n.unref(f).dataSource,()=>{const{dataSource:e,api:r}=n.unref(f);!r&&e&&(t.value=e)},{immediate:!0});function Q(e,r,u){const{clearSelectOnPageChange:a,sortFn:c,filterFn:i}=n.unref(f);a&&V(),S(e);const o={};if(u&&l.isFunction(c)){const s=c(u);T.sortInfo=s,o.sortInfo=s}if(r&&l.isFunction(i)){const s=i(r);T.filterInfo=s,o.filterInfo=s}I(o)}function W(e){!e||!Array.isArray(e)||e.forEach(r=>{r[g.ROW_KEY]||(r[g.ROW_KEY]=N.buildUUID()),r.children&&r.children.length&&W(r.children)})}const R=n.computed(()=>n.unref(f).autoCreateKey&&!n.unref(f).rowKey),m=n.computed(()=>{const{rowKey:e}=n.unref(f);return n.unref(R)?g.ROW_KEY:e});n.watchEffect(()=>{const e=n.unref(t);if(!(!e||e.length===0)&&n.unref(R)){const r=e[0],u=e[e.length-1];if(r&&u&&(!r[g.ROW_KEY]||!u[g.ROW_KEY])){const a=l.cloneDeep(n.unref(t));a.forEach(c=>{c[g.ROW_KEY]||(c[g.ROW_KEY]=N.buildUUID()),c.children&&c.children.length&&W(c.children)}),t.value=a}}});const Y=n.computed(()=>n.unref(t));async function X(e,r,u){return t.value[e]&&(t.value[e][r]=u),t.value[e]}function $(e,r){const u=U(e);if(u){for(const a in u)Reflect.has(r,a)&&(u[a]=r[a]);return u}}function x(e){var a;if(!t.value||t.value.length==0)return;const r=Array.isArray(e)?e:[e];function u(c,i){const o=s(c,i);if(o===null||o.index===-1)return;o.data.splice(o.index,1);function s(d,v){var K;if(d==null)return null;for(let w=0;w<d.length;w++){const F=d[w];if(B.parseRowKeyValue(n.unref(m),F)===v)return{index:w,data:d};if(((K=F.children)==null?void 0:K.length)>0){const h=s(F.children,v);if(h!=null)return h}}return null}}for(const c of r)u(t.value,c),u(n.unref(f).dataSource,c);S({total:(a=n.unref(f).dataSource)==null?void 0:a.length})}function L(e,r){var a;r=r??((a=t.value)==null?void 0:a.length);const u=l.isObject(e)?[e]:e;return n.unref(t).splice(r,0,...u),n.unref(t)}function U(e){if(!t.value||t.value.length==0)return;const{childrenColumnName:r="children"}=n.unref(f);return(a=>{let c;return a.some(function i(o){return B.parseRowKeyValue(n.unref(m),o)===e?(c=o,!0):o[r]&&o[r].some(i)}),c})(t.value)}async function I(e){const{api:r,searchInfo:u,defSort:a,fetchSetting:c,beforeFetch:i,afterFetch:o,useSearchForm:s,pagination:d}=n.unref(f);if(!(!r||!l.isFunction(r)))try{_(!0);const{pageField:v,sizeField:K,listField:w,totalField:F}=Object.assign({},J,c);let h={};const{current:G=1,pageSize:j=P}=n.unref(O);l.isBoolean(d)&&!d||l.isBoolean(O)?h={}:(h[v]=e&&e.page||G,h[K]=j);const{sortInfo:re={},filterInfo:te}=T;let D=l.merge(h,s?H():{},u,(e==null?void 0:e.searchInfo)??{},a,re,te,(e==null?void 0:e.sortInfo)??{},(e==null?void 0:e.filterInfo)??{});i&&l.isFunction(i)&&(D=await i(D)||D);const b=await r(D);q.value=b;const z=Array.isArray(b);let y=z?b:l.get(b,w);const E=z?b.length:l.get(b,F);if(Number(E)){const M=Math.ceil(E/j);if(G>M)return S({current:M}),await I(e)}return o&&l.isFunction(o)&&(y=await o(y)||y),t.value=y,S({total:E||0}),e&&e.page&&S({current:e.page||1}),A("fetch-success",{items:n.unref(y),total:E}),y}catch(v){A("fetch-error",v),t.value=[],S({total:0})}finally{_(!1)}}function k(e){t.value=e}function p(){return Y.value}function ee(){return q.value}async function ne(e){return await I(e)}return n.onMounted(()=>{ue.useTimeoutFn(()=>{n.unref(f).immediate&&I()},16)}),{getDataSourceRef:Y,getDataSource:p,getRawDataSource:ee,getRowKey:m,setTableData:k,getAutoCreateKey:R,fetch:I,reload:ne,updateTableData:X,updateTableDataRecord:$,deleteTableDataRecord:x,insertTableDataRecord:L,findTableDataRecord:U,handleTableChange:Q}}exports.useDataSource=ce;
@@ -1,6 +1,5 @@
1
- import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
1
+ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
2
2
  import { StyleValue } from '../type';
3
- import { Ref } from '@vue/reactivity';
4
3
  export * from './interface';
5
4
  export declare const Scrollbar: {
6
5
  new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
@@ -1,4 +1,4 @@
1
- import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
1
+ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
2
2
  export * from './interface';
3
3
  export declare const StrengthMeter: {
4
4
  new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
@@ -2,18 +2,24 @@
2
2
  min-width: 88px;
3
3
  box-shadow: none;
4
4
  }
5
- .ant-btn-default[disabled],
6
- .ant-btn-default[disabled]:hover {
7
- color: #bfbfbf !important;
8
- background: #fafafa !important;
9
- border-color: #d9d9d9 !important;
10
- }
11
5
  .ant-btn-primary[disabled],
12
6
  .ant-btn-primary[disabled]:hover {
13
7
  color: #ffffff !important;
14
8
  background: #d6f1e5 !important;
15
9
  border-color: #d6f1e5 !important;
16
10
  }
11
+ .ant-btn-dangerous[disabled],
12
+ .ant-btn-dangerous[disabled]:hover {
13
+ color: #ffffff !important;
14
+ background: #ffdbdc !important;
15
+ border-color: #ffdbdc !important;
16
+ }
17
+ .ant-btn-default[disabled],
18
+ .ant-btn-default[disabled]:hover {
19
+ color: #bfbfbf !important;
20
+ background: #fafafa !important;
21
+ border-color: #d9d9d9 !important;
22
+ }
17
23
  .ant-btn-link[disabled],
18
24
  .ant-btn-link[disabled]:hover,
19
25
  .ant-btn-text[disabled],
@@ -23,18 +23,24 @@
23
23
  min-width: 88px;
24
24
  box-shadow: none;
25
25
  }
26
- .ant-btn-default[disabled],
27
- .ant-btn-default[disabled]:hover {
28
- color: #bfbfbf !important;
29
- background: #fafafa !important;
30
- border-color: #d9d9d9 !important;
31
- }
32
26
  .ant-btn-primary[disabled],
33
27
  .ant-btn-primary[disabled]:hover {
34
28
  color: #ffffff !important;
35
29
  background: #d6f1e5 !important;
36
30
  border-color: #d6f1e5 !important;
37
31
  }
32
+ .ant-btn-dangerous[disabled],
33
+ .ant-btn-dangerous[disabled]:hover {
34
+ color: #ffffff !important;
35
+ background: #ffdbdc !important;
36
+ border-color: #ffdbdc !important;
37
+ }
38
+ .ant-btn-default[disabled],
39
+ .ant-btn-default[disabled]:hover {
40
+ color: #bfbfbf !important;
41
+ background: #fafafa !important;
42
+ border-color: #d9d9d9 !important;
43
+ }
38
44
  .ant-btn-link[disabled],
39
45
  .ant-btn-link[disabled]:hover,
40
46
  .ant-btn-text[disabled],
@@ -215,6 +221,19 @@
215
221
  .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
216
222
  min-width: 88px;
217
223
  }
224
+ .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
225
+ color: #06c687;
226
+ }
227
+ .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
228
+ color: #1890ff;
229
+ }
230
+ .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
231
+ .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
232
+ color: #faad14;
233
+ }
234
+ .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
235
+ color: #ff4d4f;
236
+ }
218
237
  .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
219
238
  margin: 16px 0 0;
220
239
  }
@@ -376,14 +395,24 @@
376
395
  align-items: center;
377
396
  }
378
397
  .ant-table-wrapper {
379
- border-radius: 0 !important;
398
+ padding: 12px 16px 16px;
399
+ background-color: #ffffff;
400
+ border-radius: 0;
401
+ }
402
+ .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
403
+ .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
404
+ display: flex;
405
+ align-items: center;
406
+ justify-content: space-between;
407
+ min-height: 40px;
408
+ padding: 0 0 12px;
409
+ border: none;
380
410
  }
381
411
  .ant-table-wrapper .ant-table {
412
+ width: 100%;
413
+ overflow-x: hidden;
382
414
  border-radius: 0;
383
415
  }
384
- .ant-table-wrapper .ant-table div.ant-table-title {
385
- padding: 0 0 12px !important;
386
- }
387
416
  .ant-table-wrapper .ant-table .ant-table-container {
388
417
  border-radius: 0;
389
418
  }
@@ -397,8 +426,25 @@
397
426
  border-radius: 0;
398
427
  }
399
428
  .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
400
- padding: 12px 16px;
429
+ padding: 13.5px 16px;
430
+ line-height: 20px;
401
431
  }
402
432
  .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
403
- padding: 12px 16px;
433
+ padding: 13.5px 16px;
434
+ line-height: 20px;
435
+ }
436
+ .ant-table-wrapper .ant-table-footer {
437
+ padding: 0;
438
+ }
439
+ .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
440
+ padding: 0;
441
+ }
442
+ .ant-table-wrapper .ant-table-footer table {
443
+ border: none;
444
+ }
445
+ .ant-table-wrapper .ant-table-footer .ant-table-body {
446
+ overflow-x: hidden;
447
+ }
448
+ .ant-table-wrapper .ant-table-footer td {
449
+ padding: 12px 8px;
404
450
  }
@@ -105,3 +105,16 @@
105
105
  .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
106
106
  min-width: 88px;
107
107
  }
108
+ .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
109
+ color: #06c687;
110
+ }
111
+ .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
112
+ color: #1890ff;
113
+ }
114
+ .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
115
+ .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
116
+ color: #faad14;
117
+ }
118
+ .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
119
+ color: #ff4d4f;
120
+ }
@@ -1,12 +1,22 @@
1
1
  .ant-table-wrapper {
2
- border-radius: 0 !important;
2
+ padding: 12px 16px 16px;
3
+ background-color: #ffffff;
4
+ border-radius: 0;
5
+ }
6
+ .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
7
+ .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
8
+ display: flex;
9
+ align-items: center;
10
+ justify-content: space-between;
11
+ min-height: 40px;
12
+ padding: 0 0 12px;
13
+ border: none;
3
14
  }
4
15
  .ant-table-wrapper .ant-table {
16
+ width: 100%;
17
+ overflow-x: hidden;
5
18
  border-radius: 0;
6
19
  }
7
- .ant-table-wrapper .ant-table div.ant-table-title {
8
- padding: 0 0 12px !important;
9
- }
10
20
  .ant-table-wrapper .ant-table .ant-table-container {
11
21
  border-radius: 0;
12
22
  }
@@ -20,8 +30,25 @@
20
30
  border-radius: 0;
21
31
  }
22
32
  .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
23
- padding: 12px 16px;
33
+ padding: 13.5px 16px;
34
+ line-height: 20px;
24
35
  }
25
36
  .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
26
- padding: 12px 16px;
37
+ padding: 13.5px 16px;
38
+ line-height: 20px;
39
+ }
40
+ .ant-table-wrapper .ant-table-footer {
41
+ padding: 0;
42
+ }
43
+ .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
44
+ padding: 0;
45
+ }
46
+ .ant-table-wrapper .ant-table-footer table {
47
+ border: none;
48
+ }
49
+ .ant-table-wrapper .ant-table-footer .ant-table-body {
50
+ overflow-x: hidden;
51
+ }
52
+ .ant-table-wrapper .ant-table-footer td {
53
+ padding: 12px 8px;
27
54
  }
@@ -2,18 +2,24 @@
2
2
  min-width: 88px;
3
3
  box-shadow: none;
4
4
  }
5
- .ant-btn-default[disabled],
6
- .ant-btn-default[disabled]:hover {
7
- color: #abb7cc !important;
8
- background: #f9f9fa !important;
9
- border-color: #dee4ed !important;
10
- }
11
5
  .ant-btn-primary[disabled],
12
6
  .ant-btn-primary[disabled]:hover {
13
7
  color: #ffffff !important;
14
8
  background: #cce2ff !important;
15
9
  border-color: #cce2ff !important;
16
10
  }
11
+ .ant-btn-dangerous[disabled],
12
+ .ant-btn-dangerous[disabled]:hover {
13
+ color: #ffffff !important;
14
+ background: #ffdbdc !important;
15
+ border-color: #ffdbdc !important;
16
+ }
17
+ .ant-btn-default[disabled],
18
+ .ant-btn-default[disabled]:hover {
19
+ color: #abb7cc !important;
20
+ background: #f9f9fa !important;
21
+ border-color: #dee4ed !important;
22
+ }
17
23
  .ant-btn-link[disabled],
18
24
  .ant-btn-link[disabled]:hover,
19
25
  .ant-btn-text[disabled],
@@ -23,18 +23,24 @@
23
23
  min-width: 88px;
24
24
  box-shadow: none;
25
25
  }
26
- .ant-btn-default[disabled],
27
- .ant-btn-default[disabled]:hover {
28
- color: #abb7cc !important;
29
- background: #f9f9fa !important;
30
- border-color: #dee4ed !important;
31
- }
32
26
  .ant-btn-primary[disabled],
33
27
  .ant-btn-primary[disabled]:hover {
34
28
  color: #ffffff !important;
35
29
  background: #cce2ff !important;
36
30
  border-color: #cce2ff !important;
37
31
  }
32
+ .ant-btn-dangerous[disabled],
33
+ .ant-btn-dangerous[disabled]:hover {
34
+ color: #ffffff !important;
35
+ background: #ffdbdc !important;
36
+ border-color: #ffdbdc !important;
37
+ }
38
+ .ant-btn-default[disabled],
39
+ .ant-btn-default[disabled]:hover {
40
+ color: #abb7cc !important;
41
+ background: #f9f9fa !important;
42
+ border-color: #dee4ed !important;
43
+ }
38
44
  .ant-btn-link[disabled],
39
45
  .ant-btn-link[disabled]:hover,
40
46
  .ant-btn-text[disabled],
@@ -209,6 +215,19 @@
209
215
  .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
210
216
  min-width: 88px;
211
217
  }
218
+ .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
219
+ color: #06c687;
220
+ }
221
+ .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
222
+ color: #0070ff;
223
+ }
224
+ .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
225
+ .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
226
+ color: #ffa940;
227
+ }
228
+ .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
229
+ color: #ff4d4f;
230
+ }
212
231
  .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
213
232
  margin: 10px 0 0;
214
233
  }
@@ -376,25 +395,72 @@
376
395
  justify-content: center;
377
396
  align-items: center;
378
397
  }
398
+ .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
399
+ .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
400
+ display: flex;
401
+ align-items: center;
402
+ justify-content: space-between;
403
+ min-height: 40px;
404
+ padding: 0 0 10px;
405
+ border: none;
406
+ }
407
+ .ant-table-wrapper .ant-table {
408
+ width: 100%;
409
+ overflow-x: hidden;
410
+ border-radius: 0;
411
+ }
412
+ .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
413
+ border-radius: 0;
414
+ }
415
+ .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
416
+ color: #182948;
417
+ font-weight: 700;
418
+ font-size: 14px;
419
+ font-style: normal;
420
+ text-align: left;
421
+ text-transform: none;
422
+ background: #f2f6f9;
423
+ }
424
+ .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
425
+ display: none;
426
+ width: 0;
427
+ visibility: hidden;
428
+ }
429
+ .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
430
+ background: #f6f9fa;
431
+ }
432
+ .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
433
+ background: #f6f9fa;
434
+ }
435
+ .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
436
+ color: #182948;
437
+ font-weight: 400;
438
+ font-size: 14px;
439
+ font-style: normal;
440
+ text-align: left;
441
+ text-transform: none;
442
+ }
379
443
  .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
380
- padding: 15.5px !important;
444
+ padding: 12px 16px;
445
+ line-height: 22px;
381
446
  }
382
447
  .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
383
448
  border-top: 1px solid;
384
449
  border-top-color: transparent;
385
450
  }
386
451
  .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
387
- padding: 12px !important;
452
+ padding: 12px 16px;
388
453
  line-height: 22px;
389
454
  }
390
455
  .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
391
- padding: 10.5px 16px !important;
456
+ padding: 10.5px 16px;
457
+ line-height: 18px;
392
458
  }
393
459
  .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
394
460
  border-top: 1px solid;
395
461
  border-top-color: transparent;
396
462
  }
397
463
  .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
398
- padding: 10.5px 16px !important;
399
- line-height: 18px !important;
464
+ padding: 10.5px 16px;
465
+ line-height: 18px;
400
466
  }
@@ -99,3 +99,16 @@
99
99
  .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
100
100
  min-width: 88px;
101
101
  }
102
+ .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
103
+ color: #06c687;
104
+ }
105
+ .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
106
+ color: #0070ff;
107
+ }
108
+ .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
109
+ .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
110
+ color: #ffa940;
111
+ }
112
+ .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
113
+ color: #ff4d4f;
114
+ }
@@ -1,22 +1,69 @@
1
+ .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
2
+ .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: space-between;
6
+ min-height: 40px;
7
+ padding: 0 0 10px;
8
+ border: none;
9
+ }
10
+ .ant-table-wrapper .ant-table {
11
+ width: 100%;
12
+ overflow-x: hidden;
13
+ border-radius: 0;
14
+ }
15
+ .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
16
+ border-radius: 0;
17
+ }
18
+ .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
19
+ color: #182948;
20
+ font-weight: 700;
21
+ font-size: 14px;
22
+ font-style: normal;
23
+ text-align: left;
24
+ text-transform: none;
25
+ background: #f2f6f9;
26
+ }
27
+ .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
28
+ display: none;
29
+ width: 0;
30
+ visibility: hidden;
31
+ }
32
+ .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
33
+ background: #f6f9fa;
34
+ }
35
+ .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
36
+ background: #f6f9fa;
37
+ }
38
+ .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
39
+ color: #182948;
40
+ font-weight: 400;
41
+ font-size: 14px;
42
+ font-style: normal;
43
+ text-align: left;
44
+ text-transform: none;
45
+ }
1
46
  .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
2
- padding: 15.5px !important;
47
+ padding: 12px 16px;
48
+ line-height: 22px;
3
49
  }
4
50
  .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
5
51
  border-top: 1px solid;
6
52
  border-top-color: transparent;
7
53
  }
8
54
  .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
9
- padding: 12px !important;
55
+ padding: 12px 16px;
10
56
  line-height: 22px;
11
57
  }
12
58
  .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
13
- padding: 10.5px 16px !important;
59
+ padding: 10.5px 16px;
60
+ line-height: 18px;
14
61
  }
15
62
  .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
16
63
  border-top: 1px solid;
17
64
  border-top-color: transparent;
18
65
  }
19
66
  .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
20
- padding: 10.5px 16px !important;
21
- line-height: 18px !important;
67
+ padding: 10.5px 16px;
68
+ line-height: 18px;
22
69
  }
@@ -7,6 +7,9 @@
7
7
  .aplus-action-item--primary {
8
8
  color: #0070ff;
9
9
  }
10
+ .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
11
+ color: #66a9ff;
12
+ }
10
13
  .aplus-action-item--success {
11
14
  color: #2ed1a3;
12
15
  }
@@ -19,10 +22,12 @@
19
22
  .aplus-action-item--loading {
20
23
  opacity: 0.35;
21
24
  transition: opacity 0.2s;
25
+ cursor: default;
22
26
  }
23
27
  .aplus-action-item--loading .btn-loading-icon {
24
28
  margin-right: 4px;
25
29
  }
26
30
  .aplus-action-item--disabled {
27
- color: #ABB7CC;
31
+ color: #CCE2FF;
32
+ cursor: not-allowed;
28
33
  }
@@ -20,7 +20,8 @@
20
20
  border-width: 0 !important;
21
21
  height: 30px !important;
22
22
  }
23
- .aplus-ap-form-item--bordered .ant-select-arrow {
23
+ .aplus-ap-form-item--bordered .ant-select-arrow,
24
+ .aplus-ap-form-item--bordered .ant-picker-clear {
24
25
  inset-inline-end: 0;
25
26
  }
26
27
  .aplus-ap-form-item--bordered .ant-select-clear {
@@ -1,4 +1,4 @@
1
- import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from '@vue/runtime-core';
1
+ import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
2
2
  export { default as CollapseTransition } from './collapse-transition.vue';
3
3
  export declare const FadeTransition: DefineComponent<{
4
4
  group: {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lodash-unified");function s(e,n){var t,r;return e!=null&&e.parentElement?e.parentElement.classList.contains(n)?((t=e.parentElement)==null?void 0:t.parentElement)&&((r=e.parentElement.parentElement.className)==null?void 0:r.includes("basic-table")):s(e.parentElement,n):!1}const a=e=>s(e,"ant-form")&&(e==null?void 0:e.parentNode)||(document==null?void 0:document.body),u=({text:e})=>{const n=t=>t==null||t==="";return Array.isArray(e)?n(e[0])?"--":e[0]:n(e)?"--":e},f=!1,o={getPopupContainer:a,transformCellText:u,autoInsertSpaceInButton:f};function l(e){const n={...e},t=Object.keys(o);for(const r of t)i.isUndefined(n[r])&&(n[r]=o[r]);return n}exports.antdConfigProviderPresets=o;exports.autoInsertSpaceInButton=f;exports.getPopupContainer=a;exports.mergeAntdProvideConfig=l;exports.transformCellText=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lodash-unified");function s(e,n){var t,r;return e!=null&&e.parentElement?e.parentElement.classList.contains(n)?(t=e.parentElement)!=null&&t.parentElement?(r=e.parentElement.parentElement.className)==null?void 0:r.includes("basic-table"):!1:s(e.parentElement,n):!1}const a=e=>s(e,"ant-form")&&(e==null?void 0:e.parentNode)||(document==null?void 0:document.body),u=({text:e})=>{const n=t=>t==null||t==="";return Array.isArray(e)?n(e[0])?"--":e[0]:n(e)?"--":e},f=!1,o={getPopupContainer:a,transformCellText:u,autoInsertSpaceInButton:f};function l(e){const n={...e},t=Object.keys(o);for(const r of t)i.isUndefined(n[r])&&(n[r]=o[r]);return n}exports.antdConfigProviderPresets=o;exports.autoInsertSpaceInButton=f;exports.getPopupContainer=a;exports.mergeAntdProvideConfig=l;exports.transformCellText=u;
@@ -1,3 +1,5 @@
1
+ import { Recordable } from '../type';
2
+
1
3
  /**
2
4
  * @description: Set ui mount node
3
5
  */
@@ -12,3 +14,9 @@ export declare function getDynamicProps<T extends Record<string, unknown>, U>(pr
12
14
  */
13
15
  export declare function omitWhen<T extends object, K extends keyof T>(obj: T, fieldList?: K[], when?: (field: string, fieldValue: T[K]) => boolean): Omit<T, K>;
14
16
  export declare function isPascalCase(str: string): boolean;
17
+ /**
18
+ * 递归处理reactive对象转raw object
19
+ * @param obj
20
+ * @returns
21
+ */
22
+ export declare function convertReactiveToRaw(obj: Recordable<any>): Recordable<any>;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue");function u(e){return(e==null?void 0:e.parentNode)??document.body}function a(e){return typeof e<"u"}function f(e){const n={};return Object.keys(e).map(t=>{n[t]=c.unref(e[t])}),n}function l(e,n=[],t){const i=Object.assign({},e),s=Object.keys(i);for(let r=0;r<s.length;r+=1){const o=s[r];(n.includes(o)||t!=null&&t(o,i[o]))&&delete i[o]}return i}function g(e){return/^[A-Z][A-Za-z]*$/.test(e)}exports.getDynamicProps=f;exports.getPopupContainer=u;exports.isDef=a;exports.isPascalCase=g;exports.omitWhen=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue");function u(e){return(e==null?void 0:e.parentNode)??document.body}function f(e){return typeof e<"u"}function l(e){const t={};return Object.keys(e).map(n=>{t[n]=a.unref(e[n])}),t}function y(e,t=[],n){const r=Object.assign({},e),s=Object.keys(r);for(let c=0;c<s.length;c+=1){const i=s[c];(t.includes(i)||n!=null&&n(i,r[i]))&&delete r[i]}return r}function p(e){return/^[A-Z][A-Za-z]*$/.test(e)}function o(e){if(Array.isArray(e))return e.map(t=>o(t));if(typeof e=="object"&&e!==null){const t={};for(const n in e)t[n]=o(e[n]);return a.markRaw(t)}return e}exports.convertReactiveToRaw=o;exports.getDynamicProps=l;exports.getPopupContainer=u;exports.isDef=f;exports.isPascalCase=p;exports.omitWhen=y;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.0.1-beta.26",
3
+ "version": "0.0.1-beta.28",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.mjs",
6
6
  "files": [