@aplus-frontend/ui 0.6.0 → 0.6.1

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 (41) hide show
  1. package/es/src/ap-button/ap-button.vue.mjs +1 -1
  2. package/es/src/ap-form/drawer-form/index.vue.d.ts +4 -0
  3. package/es/src/ap-form/search-form/components/popover-sorter/index.vue2.mjs +4 -1
  4. package/es/src/ap-grid/hooks/use-table-style.d.ts +2 -0
  5. package/es/src/ap-grid/hooks/use-table-style.mjs +8 -6
  6. package/es/src/version.d.ts +1 -1
  7. package/es/src/version.mjs +1 -1
  8. package/lib/src/ap-button/ap-button.vue.js +1 -1
  9. package/lib/src/ap-form/drawer-form/index.vue.d.ts +4 -0
  10. package/lib/src/ap-form/search-form/components/popover-sorter/index.vue2.js +1 -1
  11. package/lib/src/ap-grid/hooks/use-table-style.d.ts +2 -0
  12. package/lib/src/ap-grid/hooks/use-table-style.js +1 -1
  13. package/lib/src/version.d.ts +1 -1
  14. package/lib/src/version.js +1 -1
  15. package/package.json +1 -1
  16. package/theme/antd-global-overwrite/admin/index.css +0 -3
  17. package/theme/antd-global-overwrite/admin/modal.css +0 -3
  18. package/theme/antd-global-overwrite/admin/modal.less +0 -3
  19. package/theme/antd-global-overwrite/aplus/index.css +1 -4
  20. package/theme/antd-global-overwrite/aplus/modal.css +1 -4
  21. package/theme/antd-global-overwrite/aplus/modal.less +1 -4
  22. package/theme/ap-download/ap-download.css +1 -1
  23. package/theme/ap-form/index.css +3 -1
  24. package/theme/ap-form/search-form-sorter.css +3 -1
  25. package/theme/ap-form/search-form-sorter.less +3 -1
  26. package/theme/ap-form/search-form.css +3 -1
  27. package/theme/ap-grid/index.css +3 -1
  28. package/theme/ap-select-layout/ap-select-layout.css +2 -2
  29. package/theme/ap-table/ap-table.css +4 -1
  30. package/theme/ap-table/setting/index.css +1 -0
  31. package/theme/ap-table/setting/modal.css +1 -0
  32. package/theme/ap-table/setting/modal.less +1 -0
  33. package/theme/ap-table-modal/index.css +4 -1
  34. package/theme/ap-tag/ap-tag.css +1 -1
  35. package/theme/ap-upload/index.css +1 -1
  36. package/theme/ap-upload/single-file.css +1 -1
  37. package/theme/editable-table/index.css +3 -1
  38. package/theme/index.css +11 -6
  39. package/theme/mixins/config.less +1 -1
  40. package/theme/ui-mode.css +2 -0
  41. package/theme/ui-mode.less +4 -0
@@ -36,7 +36,7 @@ const q = 72, E = 300, Y = /* @__PURE__ */ W({
36
36
  }, { b: i } = G("ap-action-button"), b = R("uiMode"), n = L(!1), v = t(
37
37
  () => e.borderLinkColor || a[b.value] || a.aplus
38
38
  ), s = t(
39
- () => e.type === "borderLink" ? v.value : void 0
39
+ () => e.type === "borderLink" && !e.disabled ? v.value : void 0
40
40
  ), u = t(
41
41
  () => O(s.value)
42
42
  ), h = t(() => e.minWidth === !0 ? `${q}px` : typeof e.minWidth == "number" ? `${e.minWidth}px` : typeof e.minWidth == "string" ? e.minWidth : void 0), g = t(
@@ -965,6 +965,10 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
965
965
  'onUpdate:visible': PropType<(visible: boolean) => void>;
966
966
  'onUpdate:open': PropType<(open: boolean) => void>;
967
967
  onClose: PropType< MouseEventHandler | KeyboardEventHandler>;
968
+ animate: {
969
+ type: BooleanConstructor;
970
+ default: boolean;
971
+ };
968
972
  }>>, "open" | "onUpdate:open">;
969
973
  }, {}, {}, {}, string, ComponentProvideOptions, false, {
970
974
  formRef: ({
@@ -60,7 +60,10 @@ const W = /* @__PURE__ */ S({
60
60
  s("span", {
61
61
  class: r(e(n)("header-title"))
62
62
  }, m(e(i)("ap.apForm.search.sorterTitle")), 3),
63
- o(e(_), { justify: "space-between" }, {
63
+ o(e(_), {
64
+ justify: "space-between",
65
+ align: "center"
66
+ }, {
64
67
  default: a(() => [
65
68
  s("span", {
66
69
  class: r(e(n)("header-desc"))
@@ -13,4 +13,6 @@ export declare const useTableStyle: () => ComputedRef<{
13
13
  '--vxe-ui-font-color': string;
14
14
  '--vxe-ui-table-border-color': string;
15
15
  '--vxe-ui-table-header-font-color': string;
16
+ '--vxe-ui-table-fixed-left-scrolling-box-shadow': string;
17
+ '--vxe-ui-table-fixed-right-scrolling-box-shadow': string;
16
18
  }>;
@@ -1,9 +1,9 @@
1
1
  import { useToken as r } from "@aplus-frontend/antdv/es/theme/internal";
2
- import { computed as c, unref as t } from "vue";
3
- const u = () => {
4
- const [l, o] = r();
2
+ import { computed as c, unref as l } from "vue";
3
+ const x = () => {
4
+ const [t, o] = r();
5
5
  return c(() => {
6
- const e = t(o);
6
+ const e = l(o);
7
7
  return {
8
8
  "--vxe-ui-table-row-checkbox-checked-background-color": e.controlItemBgActive,
9
9
  "--vxe-ui-table-row-hover-checkbox-checked-background-color": e.controlItemBgActiveHover,
@@ -17,10 +17,12 @@ const u = () => {
17
17
  "--vxe-ui-table-row-hover-radio-checked-background-color": e.controlItemBgActiveHover,
18
18
  "--vxe-ui-font-color": e.colorTextBase,
19
19
  "--vxe-ui-table-border-color": e.colorBorderSecondary,
20
- "--vxe-ui-table-header-font-color": e.colorTextBase
20
+ "--vxe-ui-table-header-font-color": e.colorTextBase,
21
+ "--vxe-ui-table-fixed-left-scrolling-box-shadow": "8px 0px 10px -5px var(--ap-grid-fixed-scrolling-box-shadow-color)",
22
+ "--vxe-ui-table-fixed-right-scrolling-box-shadow": "-8px 0px 10px -5px var(--ap-grid-fixed-scrolling-box-shadow-color)"
21
23
  };
22
24
  });
23
25
  };
24
26
  export {
25
- u as useTableStyle
27
+ x as useTableStyle
26
28
  };
@@ -1,2 +1,2 @@
1
- declare const _default: "0.6.0";
1
+ declare const _default: "0.6.1";
2
2
  export default _default;
@@ -1,4 +1,4 @@
1
- const e = "0.6.0";
1
+ const e = "0.6.1";
2
2
  export {
3
3
  e as default
4
4
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("@aplus-frontend/antdv"),z=require("@aplus-frontend/utils");require("../config-provider/index.js");const L=require("lodash-unified"),f=require("./utils/index.js"),q=require("../config-provider/hooks/use-namespace.js"),M=require("../config-provider/hooks/use-global-config.js"),_=72,w=300,T=e.defineComponent({__name:"ap-button",props:{prefixCls:{},htmlType:{},shape:{},size:{},loading:{type:[Boolean,Object],default:void 0},disabled:{type:Boolean},ghost:{type:Boolean},block:{type:Boolean},danger:{type:Boolean},icon:{},href:{},target:{},title:{},onMousedown:{},type:{default:"default"},borderLinkColor:{},minWidth:{type:[Boolean,Number,String],default:!1},lazy:{type:[Boolean,Number],default:!0},onClick:{}},setup(y){const m=e.useSlots(),t=y,l={aplus:"#0070FF",admin:"#34b77c"},{b:a}=q.useNamespace("ap-action-button"),b=M.useGlobalConfig("uiMode"),n=e.ref(!1),v=e.computed(()=>t.borderLinkColor||l[b.value]||l.aplus),i=e.computed(()=>t.type==="borderLink"?v.value:void 0),u=e.computed(()=>f.transferOpacityColor(i.value)),h=e.computed(()=>t.minWidth===!0?`${_}px`:typeof t.minWidth=="number"?`${t.minWidth}px`:typeof t.minWidth=="string"?t.minWidth:void 0),g=e.computed(()=>(t.type==="borderLink"?"default":t.type)||"default"),s=e.computed(()=>t.loading??n.value??!1),c=e.computed(()=>t.lazy===!0?w:typeof t.lazy=="number"&&t.lazy>=0?t.lazy:0);function C(){const o=L.omit(t,["type","borderLinkColor","minWidth","onClick","loading"]);return o?{...o,type:g.value,onclick:k}:{}}async function k(){if(s.value)return;const o=f.isAsynchronous(t.onClick),d=Date.now();try{o&&(n.value=!0,await o)}finally{if(o){const r=Date.now()-d;r<c.value&&await z.wait(c.value-r),n.value=!1}}}return(o,d)=>(e.openBlock(),e.createBlock(e.unref(W.Button),e.mergeProps({class:{[e.unref(a)()]:!0,[`${e.unref(a)()}-border-link`]:u.value}},{...o.$attrs,...C()},{style:{color:i.value,minWidth:h.value,"--button-border-color":u.value},loading:s.value}),e.createSlots({_:2},[e.renderList(m,(r,p)=>({name:p,fn:e.withCtx(B=>[e.renderSlot(o.$slots,p,e.normalizeProps(e.guardReactiveProps(B||{})))])}))]),1040,["class","style","loading"]))}});exports.default=T;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("@aplus-frontend/antdv"),z=require("@aplus-frontend/utils");require("../config-provider/index.js");const L=require("lodash-unified"),f=require("./utils/index.js"),q=require("../config-provider/hooks/use-namespace.js"),M=require("../config-provider/hooks/use-global-config.js"),_=72,w=300,T=e.defineComponent({__name:"ap-button",props:{prefixCls:{},htmlType:{},shape:{},size:{},loading:{type:[Boolean,Object],default:void 0},disabled:{type:Boolean},ghost:{type:Boolean},block:{type:Boolean},danger:{type:Boolean},icon:{},href:{},target:{},title:{},onMousedown:{},type:{default:"default"},borderLinkColor:{},minWidth:{type:[Boolean,Number,String],default:!1},lazy:{type:[Boolean,Number],default:!0},onClick:{}},setup(y){const m=e.useSlots(),t=y,l={aplus:"#0070FF",admin:"#34b77c"},{b:a}=q.useNamespace("ap-action-button"),b=M.useGlobalConfig("uiMode"),n=e.ref(!1),v=e.computed(()=>t.borderLinkColor||l[b.value]||l.aplus),i=e.computed(()=>t.type==="borderLink"&&!t.disabled?v.value:void 0),u=e.computed(()=>f.transferOpacityColor(i.value)),h=e.computed(()=>t.minWidth===!0?`${_}px`:typeof t.minWidth=="number"?`${t.minWidth}px`:typeof t.minWidth=="string"?t.minWidth:void 0),g=e.computed(()=>(t.type==="borderLink"?"default":t.type)||"default"),s=e.computed(()=>t.loading??n.value??!1),c=e.computed(()=>t.lazy===!0?w:typeof t.lazy=="number"&&t.lazy>=0?t.lazy:0);function C(){const o=L.omit(t,["type","borderLinkColor","minWidth","onClick","loading"]);return o?{...o,type:g.value,onclick:k}:{}}async function k(){if(s.value)return;const o=f.isAsynchronous(t.onClick),d=Date.now();try{o&&(n.value=!0,await o)}finally{if(o){const r=Date.now()-d;r<c.value&&await z.wait(c.value-r),n.value=!1}}}return(o,d)=>(e.openBlock(),e.createBlock(e.unref(W.Button),e.mergeProps({class:{[e.unref(a)()]:!0,[`${e.unref(a)()}-border-link`]:u.value}},{...o.$attrs,...C()},{style:{color:i.value,minWidth:h.value,"--button-border-color":u.value},loading:s.value}),e.createSlots({_:2},[e.renderList(m,(r,p)=>({name:p,fn:e.withCtx(B=>[e.renderSlot(o.$slots,p,e.normalizeProps(e.guardReactiveProps(B||{})))])}))]),1040,["class","style","loading"]))}});exports.default=T;
@@ -965,6 +965,10 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
965
965
  'onUpdate:visible': PropType<(visible: boolean) => void>;
966
966
  'onUpdate:open': PropType<(open: boolean) => void>;
967
967
  onClose: PropType< MouseEventHandler | KeyboardEventHandler>;
968
+ animate: {
969
+ type: BooleanConstructor;
970
+ default: boolean;
971
+ };
968
972
  }>>, "open" | "onUpdate:open">;
969
973
  }, {}, {}, {}, string, ComponentProvideOptions, false, {
970
974
  formRef: ({
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),y=require("@aplus-frontend/icon");require("../../../../config-provider/index.js");const V=require("vuedraggable");require("./sortable-item.vue.js");const _=require("../../../item-group/helper.js"),m=require("../../../../config-provider/hooks/use-namespace.js"),b=require("../../../../config-provider/hooks/use-locale.js"),w=require("./sortable-item.vue2.js"),x=e.defineComponent({name:"ApFormSearchFormPopoverSorter",__name:"index",props:{children:{},onClickConfirm:{type:Function},sorted:{type:Boolean}},setup(v){const a=v,o=e.ref(a.children);let p=[...a.children],f=[...a.children];e.watch(()=>a.children,r=>{a.sorted||(o.value=r,f=r,p=r)});const{e:c,b:d}=m.useNamespace("ap-form-search-form"),{b:n}=m.useNamespace("search-form-sorter"),{t:s}=b.useLocale(),l=e.ref(!1);function C(r){return r.closest(".ant-form")||document.body}function h(){l.value=!1,p=[...e.unref(o)],a.onClickConfirm(e.unref(o))}function g(){o.value=[...f]}function N(r){return _.getStringName(r.props.name)}return e.watch(()=>l.value,r=>{r&&(o.value=[...p])}),(r,i)=>(e.openBlock(),e.createBlock(e.unref(t.Popover),{open:l.value,"onUpdate:open":i[1]||(i[1]=u=>l.value=u),"overlay-class-name":e.unref(c)("popover"),trigger:"click",placement:"bottom",mask:"","mask-style":{backgroundColor:"transparent"},"get-popup-container":C},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n)("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n)("header-title"))},e.toDisplayString(e.unref(s)("ap.apForm.search.sorterTitle")),3),e.createVNode(e.unref(t.Flex),{justify:"space-between"},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n)("header-desc"))},e.toDisplayString(e.unref(s)("ap.apForm.search.sorterDesc")),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n)("header-action-wrapper")),onClick:g},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n)("header-reset-btn"))},e.toDisplayString(e.unref(s)("ap.apForm.search.sorterReset")),3)],2)]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(c)("popover-content"),e.unref(n)("content")])},[e.createVNode(e.unref(V),{list:o.value,class:e.normalizeClass(e.unref(n)("sorter-wrapper")),"item-key":N},{item:e.withCtx(({element:u})=>[e.createVNode(w.default,{item:u},null,8,["item"])]),_:1},8,["list","class"])],2),e.createVNode(e.unref(t.Divider),{style:{margin:"0"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("popover-footer"))},[e.createVNode(e.unref(t.Flex),{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{onClick:i[0]||(i[0]=u=>l.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("ap.common.cancelText")),1)]),_:1}),e.createVNode(e.unref(t.Button),{class:e.normalizeClass(e.unref(c)("popover-footer-confirm-btn")),type:"primary",onClick:h},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("ap.apForm.search.sorterConfirmBtn")),1)]),_:1},8,["class"])]),_:1})],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(t.Tooltip),{title:e.unref(s)("ap.apForm.search.sorterTitle"),placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{class:e.normalizeClass([e.unref(d)("trigger-btn"),{[e.unref(d)("trigger-btn-active")]:l.value}])},{icon:e.withCtx(()=>[e.createVNode(e.unref(y.IconApLayoutOutlined),{size:14})]),_:1},8,["class"])]),_:1},8,["title"])]),_:1},8,["open","overlay-class-name"]))}});exports.default=x;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),y=require("@aplus-frontend/icon");require("../../../../config-provider/index.js");const V=require("vuedraggable");require("./sortable-item.vue.js");const _=require("../../../item-group/helper.js"),m=require("../../../../config-provider/hooks/use-namespace.js"),b=require("../../../../config-provider/hooks/use-locale.js"),w=require("./sortable-item.vue2.js"),x=e.defineComponent({name:"ApFormSearchFormPopoverSorter",__name:"index",props:{children:{},onClickConfirm:{type:Function},sorted:{type:Boolean}},setup(v){const a=v,o=e.ref(a.children);let p=[...a.children],f=[...a.children];e.watch(()=>a.children,r=>{a.sorted||(o.value=r,f=r,p=r)});const{e:c,b:d}=m.useNamespace("ap-form-search-form"),{b:n}=m.useNamespace("search-form-sorter"),{t:s}=b.useLocale(),l=e.ref(!1);function C(r){return r.closest(".ant-form")||document.body}function h(){l.value=!1,p=[...e.unref(o)],a.onClickConfirm(e.unref(o))}function g(){o.value=[...f]}function N(r){return _.getStringName(r.props.name)}return e.watch(()=>l.value,r=>{r&&(o.value=[...p])}),(r,i)=>(e.openBlock(),e.createBlock(e.unref(t.Popover),{open:l.value,"onUpdate:open":i[1]||(i[1]=u=>l.value=u),"overlay-class-name":e.unref(c)("popover"),trigger:"click",placement:"bottom",mask:"","mask-style":{backgroundColor:"transparent"},"get-popup-container":C},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n)("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n)("header-title"))},e.toDisplayString(e.unref(s)("ap.apForm.search.sorterTitle")),3),e.createVNode(e.unref(t.Flex),{justify:"space-between",align:"center"},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n)("header-desc"))},e.toDisplayString(e.unref(s)("ap.apForm.search.sorterDesc")),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n)("header-action-wrapper")),onClick:g},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n)("header-reset-btn"))},e.toDisplayString(e.unref(s)("ap.apForm.search.sorterReset")),3)],2)]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(c)("popover-content"),e.unref(n)("content")])},[e.createVNode(e.unref(V),{list:o.value,class:e.normalizeClass(e.unref(n)("sorter-wrapper")),"item-key":N},{item:e.withCtx(({element:u})=>[e.createVNode(w.default,{item:u},null,8,["item"])]),_:1},8,["list","class"])],2),e.createVNode(e.unref(t.Divider),{style:{margin:"0"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("popover-footer"))},[e.createVNode(e.unref(t.Flex),{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{onClick:i[0]||(i[0]=u=>l.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("ap.common.cancelText")),1)]),_:1}),e.createVNode(e.unref(t.Button),{class:e.normalizeClass(e.unref(c)("popover-footer-confirm-btn")),type:"primary",onClick:h},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("ap.apForm.search.sorterConfirmBtn")),1)]),_:1},8,["class"])]),_:1})],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(t.Tooltip),{title:e.unref(s)("ap.apForm.search.sorterTitle"),placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{class:e.normalizeClass([e.unref(d)("trigger-btn"),{[e.unref(d)("trigger-btn-active")]:l.value}])},{icon:e.withCtx(()=>[e.createVNode(e.unref(y.IconApLayoutOutlined),{size:14})]),_:1},8,["class"])]),_:1},8,["title"])]),_:1},8,["open","overlay-class-name"]))}});exports.default=x;
@@ -13,4 +13,6 @@ export declare const useTableStyle: () => ComputedRef<{
13
13
  '--vxe-ui-font-color': string;
14
14
  '--vxe-ui-table-border-color': string;
15
15
  '--vxe-ui-table-header-font-color': string;
16
+ '--vxe-ui-table-fixed-left-scrolling-box-shadow': string;
17
+ '--vxe-ui-table-fixed-right-scrolling-box-shadow': string;
16
18
  }>;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@aplus-frontend/antdv/es/theme/internal"),o=require("vue"),c=()=>{const[l,r]=t.useToken();return o.computed(()=>{const e=o.unref(r);return{"--vxe-ui-table-row-checkbox-checked-background-color":e.controlItemBgActive,"--vxe-ui-table-row-hover-checkbox-checked-background-color":e.controlItemBgActiveHover,"--vxe-ui-font-primary-color":e.colorPrimary,"--vxe-ui-table-header-background-color":"var(--ap-table-header-bg)","--vxe-ui-table-cell-padding-default":"12px","--vxe-ui-table-cell-padding-medium":"9px","--vxe-ui-table-row-height-medium":"36px","--vxe-ui-table-row-height-mini":"30px","--vxe-ui-table-row-radio-checked-background-color":e.controlItemBgActive,"--vxe-ui-table-row-hover-radio-checked-background-color":e.controlItemBgActiveHover,"--vxe-ui-font-color":e.colorTextBase,"--vxe-ui-table-border-color":e.colorBorderSecondary,"--vxe-ui-table-header-font-color":e.colorTextBase}})};exports.useTableStyle=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@aplus-frontend/antdv/es/theme/internal"),o=require("vue"),l=()=>{const[t,r]=c.useToken();return o.computed(()=>{const e=o.unref(r);return{"--vxe-ui-table-row-checkbox-checked-background-color":e.controlItemBgActive,"--vxe-ui-table-row-hover-checkbox-checked-background-color":e.controlItemBgActiveHover,"--vxe-ui-font-primary-color":e.colorPrimary,"--vxe-ui-table-header-background-color":"var(--ap-table-header-bg)","--vxe-ui-table-cell-padding-default":"12px","--vxe-ui-table-cell-padding-medium":"9px","--vxe-ui-table-row-height-medium":"36px","--vxe-ui-table-row-height-mini":"30px","--vxe-ui-table-row-radio-checked-background-color":e.controlItemBgActive,"--vxe-ui-table-row-hover-radio-checked-background-color":e.controlItemBgActiveHover,"--vxe-ui-font-color":e.colorTextBase,"--vxe-ui-table-border-color":e.colorBorderSecondary,"--vxe-ui-table-header-font-color":e.colorTextBase,"--vxe-ui-table-fixed-left-scrolling-box-shadow":"8px 0px 10px -5px var(--ap-grid-fixed-scrolling-box-shadow-color)","--vxe-ui-table-fixed-right-scrolling-box-shadow":"-8px 0px 10px -5px var(--ap-grid-fixed-scrolling-box-shadow-color)"}})};exports.useTableStyle=l;
@@ -1,2 +1,2 @@
1
- declare const _default: "0.6.0";
1
+ declare const _default: "0.6.1";
2
2
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="0.6.0";exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="0.6.1";exports.default=e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "main": "./lib/index.js",
5
5
  "type": "module",
6
6
  "files": [
@@ -128,14 +128,11 @@
128
128
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
129
129
  color: #333333;
130
130
  font-weight: normal;
131
- font-size: 16px;
132
- line-height: 24px;
133
131
  }
134
132
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
135
133
  max-width: calc(100% - 40px);
136
134
  color: #999999;
137
135
  font-weight: normal;
138
- font-size: 14px;
139
136
  line-height: 200%;
140
137
  margin-block-start: 4px;
141
138
  margin-inline-start: 34px;
@@ -54,14 +54,11 @@
54
54
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
55
55
  color: #333333;
56
56
  font-weight: normal;
57
- font-size: 16px;
58
- line-height: 24px;
59
57
  }
60
58
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
61
59
  max-width: calc(100% - 40px);
62
60
  color: #999999;
63
61
  font-weight: normal;
64
- font-size: 14px;
65
62
  line-height: 200%;
66
63
  margin-block-start: 4px;
67
64
  margin-inline-start: 34px;
@@ -74,15 +74,12 @@
74
74
  .ant-modal-confirm-title {
75
75
  color: #333333;
76
76
  font-weight: normal;
77
- font-size: 16px;
78
- line-height: 24px;
79
77
  }
80
78
 
81
79
  .ant-modal-confirm-content {
82
80
  max-width: calc(100% - 40px);
83
81
  color: #999999;
84
82
  font-weight: normal;
85
- font-size: 14px;
86
83
  line-height: 200%;
87
84
  margin-block-start: 4px;
88
85
  margin-inline-start: 34px;
@@ -124,15 +124,12 @@
124
124
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
125
125
  color: #182948;
126
126
  font-weight: normal;
127
- font-size: 16px;
128
- line-height: 24px;
129
127
  }
130
128
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
131
129
  max-width: calc(100% - 40px);
132
130
  color: #8896b0;
133
131
  font-weight: normal;
134
- font-size: 14px;
135
- line-height: 200%;
132
+ line-height: 1.5;
136
133
  margin-block-start: 4px;
137
134
  margin-inline-start: 34px;
138
135
  }
@@ -47,15 +47,12 @@
47
47
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
48
48
  color: #182948;
49
49
  font-weight: normal;
50
- font-size: 16px;
51
- line-height: 24px;
52
50
  }
53
51
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
54
52
  max-width: calc(100% - 40px);
55
53
  color: #8896b0;
56
54
  font-weight: normal;
57
- font-size: 14px;
58
- line-height: 200%;
55
+ line-height: 1.5;
59
56
  margin-block-start: 4px;
60
57
  margin-inline-start: 34px;
61
58
  }
@@ -66,16 +66,13 @@
66
66
  .ant-modal-confirm-title {
67
67
  color: #182948;
68
68
  font-weight: normal;
69
- font-size: 16px;
70
- line-height: 24px;
71
69
  }
72
70
 
73
71
  .ant-modal-confirm-content {
74
72
  max-width: calc(100% - 40px);
75
73
  color: #8896b0;
76
74
  font-weight: normal;
77
- font-size: 14px;
78
- line-height: 200%;
75
+ line-height: 1.5;
79
76
  margin-block-start: 4px;
80
77
  margin-inline-start: 34px;
81
78
 
@@ -70,7 +70,7 @@
70
70
  color: var(--download-main-color-opacity);
71
71
  }
72
72
  .aplus-ap-download-inner-wrapper--large {
73
- line-height: 22;
73
+ line-height: 22px;
74
74
  font-size: 14px;
75
75
  }
76
76
  .aplus-ap-download-inner-wrapper--middle {
@@ -188,6 +188,7 @@
188
188
  font-family: inherit;
189
189
  line-height: 18px;
190
190
  list-style: none;
191
+ color: var(--ap-text-color-2);
191
192
  font-size: 14px;
192
193
  font-weight: 700;
193
194
  display: inline-block;
@@ -234,7 +235,7 @@
234
235
  padding-inline: 4px;
235
236
  }
236
237
  .aplus-search-form-sorter-sorter-item > div {
237
- border: 1px solid #E9EDF3;
238
+ border: 1px solid var(--ap-color-bg);
238
239
  border-radius: 4px;
239
240
  padding: 8px;
240
241
  display: flex;
@@ -261,6 +262,7 @@
261
262
  line-height: 18px;
262
263
  list-style: none;
263
264
  padding-left: 4px;
265
+ color: var(--ap-text-color-2);
264
266
  max-width: 100%;
265
267
  white-space: nowrap;
266
268
  overflow: hidden;
@@ -59,6 +59,7 @@
59
59
  font-family: inherit;
60
60
  line-height: 18px;
61
61
  list-style: none;
62
+ color: var(--ap-text-color-2);
62
63
  font-size: 14px;
63
64
  font-weight: 700;
64
65
  display: inline-block;
@@ -105,7 +106,7 @@
105
106
  padding-inline: 4px;
106
107
  }
107
108
  .aplus-search-form-sorter-sorter-item > div {
108
- border: 1px solid #E9EDF3;
109
+ border: 1px solid var(--ap-color-bg);
109
110
  border-radius: 4px;
110
111
  padding: 8px;
111
112
  display: flex;
@@ -132,6 +133,7 @@
132
133
  line-height: 18px;
133
134
  list-style: none;
134
135
  padding-left: 4px;
136
+ color: var(--ap-text-color-2);
135
137
  max-width: 100%;
136
138
  white-space: nowrap;
137
139
  overflow: hidden;
@@ -11,6 +11,7 @@
11
11
  padding: @spacing-xl @spacing-xl 0px;
12
12
  &-title {
13
13
  .reset-component();
14
+ color: var(--ap-text-color-2);
14
15
  font-size: @font-size-lg;
15
16
  font-weight: 700;
16
17
  display: inline-block;
@@ -43,7 +44,7 @@
43
44
  max-width: 33.333333%;
44
45
  padding-inline: @spacing-xs;
45
46
  > div {
46
- border: 1px solid #E9EDF3;
47
+ border: 1px solid var(--ap-color-bg);
47
48
  border-radius: @border-radius;
48
49
  padding: 8px;
49
50
  display: flex;
@@ -64,6 +65,7 @@
64
65
  &-sorter-item-text {
65
66
  .reset-component();
66
67
  padding-left: @spacing-xs;
68
+ color: var(--ap-text-color-2);
67
69
  max-width: 100%;
68
70
  white-space: nowrap;
69
71
  overflow: hidden;
@@ -143,6 +143,7 @@
143
143
  font-family: inherit;
144
144
  line-height: 18px;
145
145
  list-style: none;
146
+ color: var(--ap-text-color-2);
146
147
  font-size: 14px;
147
148
  font-weight: 700;
148
149
  display: inline-block;
@@ -189,7 +190,7 @@
189
190
  padding-inline: 4px;
190
191
  }
191
192
  .aplus-search-form-sorter-sorter-item > div {
192
- border: 1px solid #E9EDF3;
193
+ border: 1px solid var(--ap-color-bg);
193
194
  border-radius: 4px;
194
195
  padding: 8px;
195
196
  display: flex;
@@ -216,6 +217,7 @@
216
217
  line-height: 18px;
217
218
  list-style: none;
218
219
  padding-left: 4px;
220
+ color: var(--ap-text-color-2);
219
221
  max-width: 100%;
220
222
  white-space: nowrap;
221
223
  overflow: hidden;
@@ -188,6 +188,7 @@
188
188
  font-family: inherit;
189
189
  line-height: 18px;
190
190
  list-style: none;
191
+ color: var(--ap-text-color-2);
191
192
  font-size: 14px;
192
193
  font-weight: 700;
193
194
  display: inline-block;
@@ -234,7 +235,7 @@
234
235
  padding-inline: 4px;
235
236
  }
236
237
  .aplus-search-form-sorter-sorter-item > div {
237
- border: 1px solid #E9EDF3;
238
+ border: 1px solid var(--ap-color-bg);
238
239
  border-radius: 4px;
239
240
  padding: 8px;
240
241
  display: flex;
@@ -261,6 +262,7 @@
261
262
  line-height: 18px;
262
263
  list-style: none;
263
264
  padding-left: 4px;
265
+ color: var(--ap-text-color-2);
264
266
  max-width: 100%;
265
267
  white-space: nowrap;
266
268
  overflow: hidden;
@@ -84,7 +84,7 @@
84
84
  color: #333;
85
85
  font-size: 14px;
86
86
  font-weight: bold;
87
- line-height: 22;
87
+ line-height: 22px;
88
88
  }
89
89
  .aplus-ap-select-layout-side__header--imgWrap {
90
90
  border-radius: 2px;
@@ -168,5 +168,5 @@
168
168
  margin: 0;
169
169
  font-size: 14px;
170
170
  font-weight: bold;
171
- line-height: 22;
171
+ line-height: 22px;
172
172
  }
@@ -81,6 +81,7 @@
81
81
  white-space: nowrap;
82
82
  overflow: hidden;
83
83
  text-overflow: ellipsis;
84
+ color: var(--ap-text-color-2);
84
85
  }
85
86
  .aplus-ap-column-setting-left {
86
87
  flex: 1;
@@ -380,6 +381,7 @@
380
381
  font-family: inherit;
381
382
  line-height: 18px;
382
383
  list-style: none;
384
+ color: var(--ap-text-color-2);
383
385
  font-size: 14px;
384
386
  font-weight: 700;
385
387
  display: inline-block;
@@ -426,7 +428,7 @@
426
428
  padding-inline: 4px;
427
429
  }
428
430
  .aplus-search-form-sorter-sorter-item > div {
429
- border: 1px solid #E9EDF3;
431
+ border: 1px solid var(--ap-color-bg);
430
432
  border-radius: 4px;
431
433
  padding: 8px;
432
434
  display: flex;
@@ -453,6 +455,7 @@
453
455
  line-height: 18px;
454
456
  list-style: none;
455
457
  padding-left: 4px;
458
+ color: var(--ap-text-color-2);
456
459
  max-width: 100%;
457
460
  white-space: nowrap;
458
461
  overflow: hidden;
@@ -69,6 +69,7 @@
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;
72
+ color: var(--ap-text-color-2);
72
73
  }
73
74
  .aplus-ap-column-setting-left {
74
75
  flex: 1;
@@ -69,6 +69,7 @@
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;
72
+ color: var(--ap-text-color-2);
72
73
  }
73
74
  .aplus-ap-column-setting-left {
74
75
  flex: 1;
@@ -23,6 +23,7 @@
23
23
  white-space: nowrap;
24
24
  overflow: hidden;
25
25
  text-overflow: ellipsis;
26
+ color: var(--ap-text-color-2);
26
27
  }
27
28
  }
28
29
  &-left {
@@ -81,6 +81,7 @@
81
81
  white-space: nowrap;
82
82
  overflow: hidden;
83
83
  text-overflow: ellipsis;
84
+ color: var(--ap-text-color-2);
84
85
  }
85
86
  .aplus-ap-column-setting-left {
86
87
  flex: 1;
@@ -380,6 +381,7 @@
380
381
  font-family: inherit;
381
382
  line-height: 18px;
382
383
  list-style: none;
384
+ color: var(--ap-text-color-2);
383
385
  font-size: 14px;
384
386
  font-weight: 700;
385
387
  display: inline-block;
@@ -426,7 +428,7 @@
426
428
  padding-inline: 4px;
427
429
  }
428
430
  .aplus-search-form-sorter-sorter-item > div {
429
- border: 1px solid #E9EDF3;
431
+ border: 1px solid var(--ap-color-bg);
430
432
  border-radius: 4px;
431
433
  padding: 8px;
432
434
  display: flex;
@@ -453,6 +455,7 @@
453
455
  line-height: 18px;
454
456
  list-style: none;
455
457
  padding-left: 4px;
458
+ color: var(--ap-text-color-2);
456
459
  max-width: 100%;
457
460
  white-space: nowrap;
458
461
  overflow: hidden;
@@ -57,7 +57,7 @@
57
57
  }
58
58
  .aplus-tag-wrapper .aplus-tag-inner-wrapper--large {
59
59
  padding: 6px;
60
- line-height: 22;
60
+ line-height: 22px;
61
61
  font-size: 14px;
62
62
  }
63
63
  .aplus-tag-wrapper .aplus-tag-inner-wrapper--middle {
@@ -249,7 +249,7 @@
249
249
  margin-top: 10px;
250
250
  color: #182948;
251
251
  font-size: 14px;
252
- line-height: 22;
252
+ line-height: 22px;
253
253
  }
254
254
  .aplus-ap-upload-single-file .state-un .state-un-subtitle {
255
255
  margin-top: 4px;
@@ -75,7 +75,7 @@
75
75
  margin-top: 10px;
76
76
  color: #182948;
77
77
  font-size: 14px;
78
- line-height: 22;
78
+ line-height: 22px;
79
79
  }
80
80
  .aplus-ap-upload-single-file .state-un .state-un-subtitle {
81
81
  margin-top: 4px;
@@ -188,6 +188,7 @@
188
188
  font-family: inherit;
189
189
  line-height: 18px;
190
190
  list-style: none;
191
+ color: var(--ap-text-color-2);
191
192
  font-size: 14px;
192
193
  font-weight: 700;
193
194
  display: inline-block;
@@ -234,7 +235,7 @@
234
235
  padding-inline: 4px;
235
236
  }
236
237
  .aplus-search-form-sorter-sorter-item > div {
237
- border: 1px solid #E9EDF3;
238
+ border: 1px solid var(--ap-color-bg);
238
239
  border-radius: 4px;
239
240
  padding: 8px;
240
241
  display: flex;
@@ -261,6 +262,7 @@
261
262
  line-height: 18px;
262
263
  list-style: none;
263
264
  padding-left: 4px;
265
+ color: var(--ap-text-color-2);
264
266
  max-width: 100%;
265
267
  white-space: nowrap;
266
268
  overflow: hidden;
package/theme/index.css CHANGED
@@ -27,6 +27,7 @@
27
27
  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
28
28
  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
29
29
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
30
+ --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
30
31
  }
31
32
  [data-aplus-ui-mode='admin'] {
32
33
  --ap-border-color-base: #d9d9d9;
@@ -57,6 +58,7 @@
57
58
  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
58
59
  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
59
60
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
61
+ --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
60
62
  }
61
63
  .reset-component {
62
64
  box-sizing: border-box;
@@ -390,7 +392,7 @@
390
392
  color: var(--download-main-color-opacity);
391
393
  }
392
394
  .aplus-ap-download-inner-wrapper--large {
393
- line-height: 22;
395
+ line-height: 22px;
394
396
  font-size: 14px;
395
397
  }
396
398
  .aplus-ap-download-inner-wrapper--middle {
@@ -633,6 +635,7 @@
633
635
  font-family: inherit;
634
636
  line-height: 18px;
635
637
  list-style: none;
638
+ color: var(--ap-text-color-2);
636
639
  font-size: 14px;
637
640
  font-weight: 700;
638
641
  display: inline-block;
@@ -679,7 +682,7 @@
679
682
  padding-inline: 4px;
680
683
  }
681
684
  .aplus-search-form-sorter-sorter-item > div {
682
- border: 1px solid #E9EDF3;
685
+ border: 1px solid var(--ap-color-bg);
683
686
  border-radius: 4px;
684
687
  padding: 8px;
685
688
  display: flex;
@@ -706,6 +709,7 @@
706
709
  line-height: 18px;
707
710
  list-style: none;
708
711
  padding-left: 4px;
712
+ color: var(--ap-text-color-2);
709
713
  max-width: 100%;
710
714
  white-space: nowrap;
711
715
  overflow: hidden;
@@ -1278,7 +1282,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
1278
1282
  color: #333;
1279
1283
  font-size: 14px;
1280
1284
  font-weight: bold;
1281
- line-height: 22;
1285
+ line-height: 22px;
1282
1286
  }
1283
1287
  .aplus-ap-select-layout-side__header--imgWrap {
1284
1288
  border-radius: 2px;
@@ -1362,7 +1366,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
1362
1366
  margin: 0;
1363
1367
  font-size: 14px;
1364
1368
  font-weight: bold;
1365
- line-height: 22;
1369
+ line-height: 22px;
1366
1370
  }
1367
1371
  @font-face {
1368
1372
  font-family: customFont;
@@ -1426,6 +1430,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
1426
1430
  white-space: nowrap;
1427
1431
  overflow: hidden;
1428
1432
  text-overflow: ellipsis;
1433
+ color: var(--ap-text-color-2);
1429
1434
  }
1430
1435
  .aplus-ap-column-setting-left {
1431
1436
  flex: 1;
@@ -1768,7 +1773,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
1768
1773
  }
1769
1774
  .aplus-tag-wrapper .aplus-tag-inner-wrapper--large {
1770
1775
  padding: 6px;
1771
- line-height: 22;
1776
+ line-height: 22px;
1772
1777
  font-size: 14px;
1773
1778
  }
1774
1779
  .aplus-tag-wrapper .aplus-tag-inner-wrapper--middle {
@@ -2087,7 +2092,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
2087
2092
  margin-top: 10px;
2088
2093
  color: #182948;
2089
2094
  font-size: 14px;
2090
- line-height: 22;
2095
+ line-height: 22px;
2091
2096
  }
2092
2097
  .aplus-ap-upload-single-file .state-un .state-un-subtitle {
2093
2098
  margin-top: 4px;
@@ -29,7 +29,7 @@
29
29
  // 行高
30
30
  @line-height-base: 18px;
31
31
  @line-height-small: 16px;
32
- @line-height-lg: 22;
32
+ @line-height-lg: 22px;
33
33
 
34
34
  // 圆角
35
35
 
package/theme/ui-mode.css CHANGED
@@ -27,6 +27,7 @@
27
27
  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
28
28
  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
29
29
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
30
+ --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
30
31
  }
31
32
  [data-aplus-ui-mode='admin'] {
32
33
  --ap-border-color-base: #d9d9d9;
@@ -57,4 +58,5 @@
57
58
  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
58
59
  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
59
60
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
61
+ --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
60
62
  }
@@ -53,6 +53,8 @@
53
53
  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
54
54
  --ap-radio-group-item-active-bg-color: rgba(#0070ff, 0.12);
55
55
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
56
+ // 表格
57
+ --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
56
58
  }
57
59
 
58
60
  [data-aplus-ui-mode='admin'] {
@@ -106,4 +108,6 @@
106
108
  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
107
109
  --ap-radio-group-item-active-bg-color: rgba(#34b77c, 0.12);
108
110
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
111
+ // 表格
112
+ --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
109
113
  }