@aplus-frontend/ui 0.0.1-beta.34 → 0.0.1-beta.36

package/es/src/theme/antd-global-overwrite/aplus/steps.css

@@ -7,7 +7,7 @@
 .ant-steps .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -95,7 +95,7 @@
   justify-content: center;
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
   inset-inline-start: 13px;

package/es/src/theme/antd-global-overwrite/aplus/table.css

@@ -42,6 +42,7 @@
   font-style: normal;
   text-align: left;
   text-transform: none;
+  transition: unset;
 }
 .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
   padding: 12px 16px;
@@ -67,3 +68,10 @@
   padding: 10.5px 16px;
   line-height: 18px;
 }
+[class$='-basic-table'] {
+  max-width: 100%;
+  height: 100%;
+}
+[class$='-basic-table-row__striped'] td {
+  background-color: #f6f9fa;
+}

package/es/src/theme/modal/index.css

@@ -1,103 +0,0 @@
-.fullscreen-modal {
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal {
-  inset: 0 !important;
-  width: 100% !important;
-  max-width: 100%;
-  height: 100%;
-}
-.fullscreen-modal .ant-modal-content {
-  height: 100%;
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal-footer {
-  margin-top: 0;
-}
-.aplus-basic-modal {
-  width: 520px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar {
-  padding: 20px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-title {
-  font-size: 16px;
-  font-weight: bold;
-}
-.aplus-basic-modal .ant-modal-title .aplus-basic-title {
-  cursor: move !important;
-  padding-left: 0;
-}
-.aplus-basic-modal .ant-modal-body {
-  padding: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
-  display: none;
-}
-.aplus-basic-modal .ant-modal-large {
-  top: 60px;
-}
-.aplus-basic-modal .ant-modal-large .ant-modal--mini {
-  top: 16px;
-}
-.aplus-basic-modal .ant-modal-header {
-  padding: 15px 20px;
-  margin-bottom: 0;
-  border-bottom: 1px solid #dee4ed;
-}
-.aplus-basic-modal .ant-modal-content {
-  padding: 0 !important;
-}
-.aplus-basic-modal .ant-modal-footer {
-  padding: 20px;
-  margin-top: 0;
-}
-.aplus-basic-modal .ant-modal-footer button + button {
-  margin-left: 10px;
-}
-.aplus-basic-modal .ant-modal-close {
-  top: 0 !important;
-  right: 0 !important;
-  width: auto !important;
-  outline: none;
-  background: transparent !important;
-  font-weight: normal;
-}
-.aplus-basic-modal .ant-modal-close-x {
-  display: inline-block;
-  width: 96px;
-  height: 56px;
-  line-height: 56px !important;
-}
-.aplus-basic-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
-  color: #909399;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
-  color: #ed6f6f;
-}
-.aplus-basic-modal .ant-modal-confirm-btns .ant-btn:last-child {
-  margin-right: 0;
-}
-.aplus-basic-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
-  color: #efbd47;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
-  color: #34b77c;
-}
-@media screen and (height <= 600px) {
-  .ant-modal {
-    top: 60px;
-  }
-}
-@media screen and (height <= 540px) {
-  .ant-modal {
-    top: 30px;
-  }
-}
-@media screen and (height <= 480px) {
-  .ant-modal {
-    top: 10px;
-  }
-}

package/es/src/theme/pro-form/form.css

@@ -4,6 +4,3 @@
 .aplus-basic-form .ant-form-explain {
   font-size: 14px;
 }
-.aplus-basic-form--compact .ant-form-item {
-  margin-bottom: 8px !important;
-}

package/es/src/work-order-modal/work-order-modal.vue.mjs

@@ -1,9 +1,9 @@
-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";
+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";
 import { message as O, Modal as A, Input as L, Textarea as N } from "ant-design-vue";
 import { ApForm as r } from "../ap-form/index.mjs";
 import "./help-message.vue.mjs";
 import "../ap-upload/index.mjs";
-import { DictCode as g } from "./interfaces.mjs";
+import { DictCode as k } from "./interfaces.mjs";
 import "../config-provider/index.mjs";
 import "./style/index.css";
 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";
 import R from "../ap-form/items/radio/index.vue.mjs";
 import S from "../ap-upload/apUpload.vue.mjs";
 import $ from "./help-message.vue2.mjs";
-const Y = /* @__PURE__ */ B({
+const Y = /* @__PURE__ */ F({
   __name: "work-order-modal",
   props: {
     api: { type: Function },
@@ -57,42 +57,44 @@ const Y = /* @__PURE__ */ B({
     mousePosition: {}
   },
   emits: ["modalClose"],
-  setup(k, { emit: v }) {
-    const c = m(), a = m(!1), p = m(!0), i = k, x = q("api"), { lang: C } = I(), _ = v, u = async (n) => {
-      var s, d;
-      const o = await ((d = (s = x.value) == null ? void 0 : s.select) == null ? void 0 : d.call(s, {
+  setup(x, { emit: v }) {
+    const p = c(), a = c(!1), u = c(!0), i = x, C = q("api"), { lang: _ } = I(), b = v, f = async (n) => {
+      var s, y;
+      const o = await ((y = (s = C.value) == null ? void 0 : s.select) == null ? void 0 : y.call(s, {
         dictCode: n,
-        locale: C.value
+        locale: _.value
       }));
-      return o == null ? void 0 : o.map((y) => ({ label: y.itemText, value: y.itemValue }));
-    }, b = async () => {
+      return o == null ? void 0 : o.map((g) => ({ label: g.itemText, value: g.itemValue }));
+    }, B = async () => {
       var n;
       if (!a.value)
         try {
           a.value = !0;
-          const o = await ((n = c.value) == null ? void 0 : n.validateFields());
-          console.log("params", o), await i.api(o), a.value = !1, O.success("操作成功"), f();
+          const o = await ((n = p.value) == null ? void 0 : n.validateFields());
+          console.log("params", o), await i.api(o), a.value = !1, O.success("操作成功"), d();
         } catch {
           a.value = !1;
           return;
         }
-    }, f = () => {
-      p.value = !1, _("modalClose");
+    }, d = () => {
+      u.value = !1, b("modalClose");
     };
-    return (n, o) => (F(), h("div", null, [
-      t(e(A), T(i, {
-        open: p.value,
+    return (n, o) => (h(), T("div", null, [
+      t(e(A), w(i, {
+        open: u.value,
         title: "创建工单",
-        "ok-text": "确认",
-        "cancel-text": "取消",
-        onOk: b,
+        "ok-text": m("span", {}, ["确认"]),
+        "cancel-text": m("span", {}, ["取消"]),
+        mask: !0,
+        "mask-closable": !0,
+        onOk: B,
         confirmLoading: a.value,
-        onCancel: f
+        onCancel: d
       }), {
         default: l(() => [
           t(e(r), {
             ref_key: "formRef",
-            ref: c
+            ref: p
           }, {
             default: l(() => [
               t(e(r).FormItem, {
@@ -113,7 +115,7 @@ const Y = /* @__PURE__ */ B({
                 name: "ticketsType",
                 rules: [{ required: !0, message: "不可为空" }],
                 field: {
-                  request: () => u(e(g).TicketsType)
+                  request: () => f(e(k).TicketsType)
                 }
               }, null, 8, ["field"]),
               t(e(r).FormItem, {
@@ -134,7 +136,7 @@ const Y = /* @__PURE__ */ B({
                 name: "ticketsLevel",
                 rules: [{ required: !0, message: "不可为空" }],
                 field: {
-                  request: () => u(e(g).TicketsLevel)
+                  request: () => f(e(k).TicketsLevel)
                 }
               }, null, 8, ["field"]),
               t(e(r).FormItem, { name: "files" }, {
@@ -150,7 +152,7 @@ const Y = /* @__PURE__ */ B({
                     accept: ".txt,.doc,.docx,.rtf,.pdf,.jpg,.jpeg,.png,.gif,.bmp,.tiff,.tif,.mp4,.avi,.wmv,.mov,.mkv,.xls,.xlsx,.csv,.ppt,.pptx",
                     maxCount: 10,
                     maxSize: 50,
-                    subTitle: w($)
+                    subTitle: m($)
                   }, null, 8, ["getOssAccess", "subTitle"])
                 ]),
                 _: 1
@@ -160,7 +162,7 @@ const Y = /* @__PURE__ */ B({
           }, 512)
         ]),
         _: 1
-      }, 16, ["open", "confirmLoading"])
+      }, 16, ["open", "ok-text", "cancel-text", "confirmLoading"])
     ]));
   }
 });

package/lib/src/modal/basic.vue2.js

@@ -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;
+"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;

package/lib/src/modal/style/index.css

@@ -1,103 +0,0 @@
-.fullscreen-modal {
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal {
-  inset: 0 !important;
-  width: 100% !important;
-  max-width: 100%;
-  height: 100%;
-}
-.fullscreen-modal .ant-modal-content {
-  height: 100%;
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal-footer {
-  margin-top: 0;
-}
-.aplus-basic-modal {
-  width: 520px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar {
-  padding: 20px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-title {
-  font-size: 16px;
-  font-weight: bold;
-}
-.aplus-basic-modal .ant-modal-title .aplus-basic-title {
-  cursor: move !important;
-  padding-left: 0;
-}
-.aplus-basic-modal .ant-modal-body {
-  padding: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
-  display: none;
-}
-.aplus-basic-modal .ant-modal-large {
-  top: 60px;
-}
-.aplus-basic-modal .ant-modal-large .ant-modal--mini {
-  top: 16px;
-}
-.aplus-basic-modal .ant-modal-header {
-  padding: 15px 20px;
-  margin-bottom: 0;
-  border-bottom: 1px solid #dee4ed;
-}
-.aplus-basic-modal .ant-modal-content {
-  padding: 0 !important;
-}
-.aplus-basic-modal .ant-modal-footer {
-  padding: 20px;
-  margin-top: 0;
-}
-.aplus-basic-modal .ant-modal-footer button + button {
-  margin-left: 10px;
-}
-.aplus-basic-modal .ant-modal-close {
-  top: 0 !important;
-  right: 0 !important;
-  width: auto !important;
-  outline: none;
-  background: transparent !important;
-  font-weight: normal;
-}
-.aplus-basic-modal .ant-modal-close-x {
-  display: inline-block;
-  width: 96px;
-  height: 56px;
-  line-height: 56px !important;
-}
-.aplus-basic-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
-  color: #909399;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
-  color: #ed6f6f;
-}
-.aplus-basic-modal .ant-modal-confirm-btns .ant-btn:last-child {
-  margin-right: 0;
-}
-.aplus-basic-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
-  color: #efbd47;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
-  color: #34b77c;
-}
-@media screen and (height <= 600px) {
-  .ant-modal {
-    top: 60px;
-  }
-}
-@media screen and (height <= 540px) {
-  .ant-modal {
-    top: 30px;
-  }
-}
-@media screen and (height <= 480px) {
-  .ant-modal {
-    top: 10px;
-  }
-}

package/lib/src/pro-form/style/index.css

@@ -4,6 +4,3 @@
 .aplus-basic-form .ant-form-explain {
   font-size: 14px;
 }
-.aplus-basic-form--compact .ant-form-item {
-  margin-bottom: 8px !important;
-}

package/lib/src/pro-table/components/editable/editable-cell.vue.d.ts

@@ -1,84 +1,4 @@
-import { CSSProperties, PropType, DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-import { BasicColumn } from '../../types/table';
-import { Recordable } from '../../../type';
-import { ComponentType } from '../../component-map';
+import { DefineSetupFnComponent, PublicProps } from 'vue';
 
-declare const _default: DefineComponent<{
-    value: {
-        type: PropType<string | number | boolean | Record<string, any>>;
-        default: string;
-    };
-    record: {
-        type: any;
-    };
-    column: {
-        type: PropType<BasicColumn>;
-        default: () => {};
-    };
-    index: {
-        type: NumberConstructor;
-        required: true;
-    };
-}, {
-    isEdit: Ref<boolean>;
-    ns: {
-        namespace: ComputedRef<string>;
-        b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-        is: {
-            (name: string, state: boolean | undefined): string;
-            (name: string): string;
-        };
-        cssVar: (object: Record<string, string>) => Record<string, string>;
-        cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-        cssVarBlockName: (name: string) => string;
-    };
-    handleEdit: (e: Event) => void;
-    currentValueRef: Ref<any>;
-    handleSubmit: (needEmit?: boolean, valid?: boolean) => Promise<false | undefined>;
-    handleChange: (e: any) => Promise<void>;
-    handleCancel: () => void;
-    elRef: Ref<any>;
-    getComponent: ComputedRef<ComponentType>;
-    getRule: ComputedRef<boolean | ((text: string, record: Recordable<any>) => Promise<string>) | undefined>;
-    onClickOutside: () => void;
-    ruleMessage: Ref<string>;
-    getRuleVisible: ComputedRef<boolean | "">;
-    getComponentProps: ComputedRef<any>;
-    handleOptionsChange: (options: any) => void;
-    getWrapperStyle: ComputedRef<CSSProperties>;
-    getWrapperClass: ComputedRef<string>;
-    getRowEditable: ComputedRef<boolean>;
-    getValues: ComputedRef<any>;
-    handleEnter: () => Promise<void>;
-    handleSubmitClick: () => void;
-    spinning: Ref<boolean>;
-    getDisable: ComputedRef<boolean>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    value: {
-        type: PropType<string | number | boolean | Record<string, any>>;
-        default: string;
-    };
-    record: {
-        type: any;
-    };
-    column: {
-        type: PropType<BasicColumn>;
-        default: () => {};
-    };
-    index: {
-        type: NumberConstructor;
-        required: true;
-    };
-}>>, {
-    value: string | number | boolean | Record<string, any>;
-    column: BasicColumn;
-    record: any;
-}, {}>;
+declare const _default: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
 export default _default;

package/lib/src/theme/antd-global-overwrite/admin/alert.css

@@ -29,3 +29,19 @@
   margin-bottom: 4px;
   font-weight: bold !important;
 }
+.ant-alert-warning {
+  background: rgba(250, 173, 20, 0.1);
+  border: 1px solid rgba(250, 173, 20, 0.4);
+}
+.ant-alert-info {
+  background: rgba(24, 144, 255, 0.1);
+  border: 1px solid rgba(24, 144, 255, 0.4);
+}
+.ant-alert-success {
+  background: rgba(52, 183, 124, 0.1);
+  border: 1px solid rgba(52, 183, 124, 0.4);
+}
+.ant-alert-error {
+  background: rgba(255, 77, 79, 0.1);
+  border: 1px solid rgba(255, 77, 79, 0.4);
+}

package/lib/src/theme/antd-global-overwrite/admin/index.css

@@ -29,6 +29,22 @@
   margin-bottom: 4px;
   font-weight: bold !important;
 }
+.ant-alert-warning {
+  background: rgba(250, 173, 20, 0.1);
+  border: 1px solid rgba(250, 173, 20, 0.4);
+}
+.ant-alert-info {
+  background: rgba(24, 144, 255, 0.1);
+  border: 1px solid rgba(24, 144, 255, 0.4);
+}
+.ant-alert-success {
+  background: rgba(52, 183, 124, 0.1);
+  border: 1px solid rgba(52, 183, 124, 0.4);
+}
+.ant-alert-error {
+  background: rgba(255, 77, 79, 0.1);
+  border: 1px solid rgba(255, 77, 79, 0.4);
+}
 .ant-btn {
   min-width: 88px;
   box-shadow: none;
@@ -221,20 +237,20 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {
   min-width: 88px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body {
-  padding: 28px 32px !important;
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body {
+  padding: 32px 32px 28px !important;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon {
   margin-inline-end: 16px;
   font-size: 24px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
   color: #333333;
   font-weight: normal;
   font-size: 16px;
   line-height: 24px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
   max-width: calc(100% - 40px);
   color: #999999;
   font-weight: normal;
@@ -243,14 +259,14 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   margin-block-start: 8px;
   margin-inline-start: 40px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
   color: #999999;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
   margin-top: 0;
   padding-top: 24px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns button {
   min-width: 88px;
 }
 .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
@@ -343,7 +359,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 .ant-steps .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -428,7 +444,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 .ant-steps.ant-steps-vertical .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -491,6 +507,10 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 .ant-table-wrapper .ant-table-footer td {
   padding: 12px 8px;
 }
+[class$='-basic-table'] {
+  max-width: 100%;
+  height: 100%;
+}
 [class$='-basic-table-form-container'] {
   padding: 16px;
 }
@@ -510,3 +530,6 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 [class$='-basic-table--inset'] .ant-table-wrapper {
   padding: 0;
 }
+[class$='-basic-table-row__striped'] td {
+  background-color: #fafafa;
+}

package/lib/src/theme/antd-global-overwrite/admin/modal.css

@@ -70,20 +70,20 @@
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {
   min-width: 88px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body {
-  padding: 28px 32px !important;
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body {
+  padding: 32px 32px 28px !important;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon {
   margin-inline-end: 16px;
   font-size: 24px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
   color: #333333;
   font-weight: normal;
   font-size: 16px;
   line-height: 24px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
   max-width: calc(100% - 40px);
   color: #999999;
   font-weight: normal;
@@ -92,14 +92,14 @@
   margin-block-start: 8px;
   margin-inline-start: 40px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
   color: #999999;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
   margin-top: 0;
   padding-top: 24px;
 }
-.ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
+.ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns button {
   min-width: 88px;
 }
 .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {

package/lib/src/theme/antd-global-overwrite/admin/steps.css

@@ -7,7 +7,7 @@
 .ant-steps .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -92,7 +92,7 @@
 .ant-steps.ant-steps-vertical .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;