@aplus-frontend/ui 7.6.0 → 7.7.0

package/es/src/design-token/interface.d.ts

@@ -15,8 +15,52 @@ import { ApGridToken } from '../ap-grid/style';
 import { TokenUtil } from '../utils/cssinjs/TokenUtil';
 import { LoadingBarToken } from '../loading-bar/style';
 import { HighlightToken } from '../highlight/style';
-/** 基础token */
-export type BaseToken = {
+import { SearchFormToken } from '../ap-form/style/search-form';
+import { ApUploadToken } from '../business/ap-upload/style/token';
+import { ApUploadSingleToken } from '../business/ap-upload-file/ap-upload-single/style';
+import { ApAttachmentToken } from '../business/ap-attachment/style';
+import { ApLabelToken } from '../business/ap-label/style';
+import { ApSelectLayoutToken } from '../business/ap-select-layout/style';
+import { ApTableModalToken } from '../business/ap-table-modal/style';
+import { ApSummaryToken } from '../business/ap-summary/style';
+import { AppendixToken } from '../business/ap-appendix/style/token';
+import { ApProductInfoToken } from '../business/ap-product-info/style';
+import { ApViewToken } from '../business/ap-view/style';
+export type FontToken = {
+    /**
+     * 最大号字体
+     */
+    fontSizeXXL: number;
+    /**
+     * 超大号字体
+     */
+    fontSizeXL: number;
+    /**
+     * 大号字体
+     */
+    fontSizeLG: number;
+    /**
+     * 中等尺寸字体
+     */
+    fontSize: number;
+    /**
+     * 小尺寸字体
+     */
+    fontSizeSM: number;
+    /**
+     * 大型文本行高
+     */
+    lineHeightLG: number;
+    /**
+     * 基础行高
+     */
+    lineHeight: number;
+    /**
+     * 小型文本行高
+     */
+    lineHeightSM: number;
+};
+export type ColorToken = {
     /**
      * 基础边框色
      */
@@ -113,37 +157,108 @@ export type BaseToken = {
      * 控件背景色（一般同主系，但是更浅，适用块选中效果）
      */
     colorBgControl: string;
-    fontSizeXL: number;
-    fontSizeLG: number;
-    fontSize: number;
-    fontSizeSM: number;
-    lineHeightLG: number;
-    lineHeight: number;
-    lineHeightSM: number;
-    borderRadiusXS: number;
-    borderRadius: number;
+    /**
+     * 表格表头背景色
+     */
+    tableHeaderBg: string;
+};
+export type HeightToken = {
+    /**
+     * 最小尺寸间距
+     */
     spaceXXS: number;
+    /**
+     * 极小尺寸间距
+     */
     spaceXS: number;
+    /**
+     * 小尺寸间距
+     */
     spaceSM: number;
+    /**
+     * 标准尺寸间距
+     */
     space: number;
+    /**
+     * 较大尺寸间距
+     */
     spaceMD: number;
+    /**
+     * 大尺寸间距
+     */
     spaceLG: number;
+    /**
+     * 极大尺寸间距
+     */
     spaceXL: number;
+    /**
+     * 最大尺寸间距
+     */
     spaceXXL: number;
+};
+export type MotionToken = {
+    /**
+     * 动画持续时间-快速，适用于小型元素
+     */
+    motionDurationFast: string;
+    /**
+     * 动画持续时间-中等，适用于中型元素
+     */
+    motionDurationMid: string;
+    /**
+     * 动画持续时间-慢速，适用于大型元素
+     */
+    motionDurationSlow: string;
+};
+/** 基础token */
+export type BaseToken = FontToken & ColorToken & HeightToken & MotionToken & {
+    /**
+     * 最小尺寸圆角
+     */
+    borderRadiusXS: number;
+    /**
+     * 小尺寸圆角
+     */
+    borderRadiusSM: number;
+    /**
+     * 标准尺寸圆角
+     */
+    borderRadius: number;
+    /**
+     * 滚动条滑块颜色
+     */
     scrollbarThumbColorBase: string;
+    /**
+     * hover时滚动条滑块颜色
+     */
     scrollbarThumbColorHover: string;
+    /**
+     * hover时滚动条滑轨颜色
+     */
     scrollbarTrackColorHover: string;
-    tableHeaderBg: string;
+    /**
+     * 基础线宽
+     */
+    lineWidth: number;
+    /**
+     * 线条样式
+     */
+    lineType: string;
     /**
      * 多行文本显示时指定显示的最大行数
      */
     lineClamp: number;
+    /**
+     * 控件高度
+     */
+    controlHeight: number;
 };
 /** 组件token */
 export type ComponentsToken = {
     ApAction: ActionToken;
     CheckCard: CheckCardToken;
     ApForm: ApFormToken;
+    SearchForm: SearchFormToken;
     ApList: ApListToken;
     Scrollbar: ScrollbarToken;
     Mask: MaskToken;
@@ -156,6 +271,16 @@ export type ComponentsToken = {
     ApGrid: ApGridToken;
     LoadingBar: LoadingBarToken;
     Highlight: HighlightToken;
+    ApUpload: ApUploadToken;
+    ApUploadSingle: ApUploadSingleToken;
+    ApAttachment: ApAttachmentToken;
+    ApLabel: ApLabelToken;
+    ApSelectLayout: ApSelectLayoutToken;
+    ApTableModal: ApTableModalToken;
+    ApSummary: ApSummaryToken;
+    ApAppendix: AppendixToken;
+    ApProductInfo: ApProductInfoToken;
+    ApView: ApViewToken;
 };
 /** 全量token */
 export type FullToken = BaseToken & {

package/es/src/editable-table/form-item.vue.mjs

@@ -4,7 +4,7 @@ import { ApForm as b } from "../ap-form/index.mjs";
 import { isUndefined as M, isNumber as f, cloneDeep as ee, isArray as te, omit as g } from "lodash-unified";
 import "../config-provider/index.mjs";
 import { useInjectForm as ae } from "../ap-form/context.mjs";
-import { isDef as w } from "../utils/index.mjs";
+import "../utils/index.mjs";
 import oe from "./hooks/use-get-columns.mjs";
 import { scrollToRowIndex as ne } from "./utils.mjs";
 import { getModelValue as le } from "../ap-form/utils/get.mjs";
@@ -12,7 +12,8 @@ import { useDevWarning as se } from "../utils/warning.mjs";
 import re from "./style/index.mjs";
 import { useNamespace as ie } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as ue } from "../config-provider/hooks/use-global-config.mjs";
-const Ie = /* @__PURE__ */ A({
+import { isDef as w } from "../utils/is.mjs";
+const Te = /* @__PURE__ */ A({
   name: "EditableTableFormItem",
   __name: "form-item",
   props: {
@@ -226,5 +227,5 @@ const Ie = /* @__PURE__ */ A({
   }
 });
 export {
-  Ie as default
+  Te as default
 };

package/es/src/editable-table/index.vue.mjs

@@ -4,7 +4,7 @@ import { ApForm as m } from "../ap-form/index.mjs";
 import { isEqual as ae, isArray as c, isUndefined as ne, isNumber as h, cloneDeep as oe, omit as x } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
-import { isDef as y } from "../utils/index.mjs";
+import "../utils/index.mjs";
 import { scrollToRowIndex as le } from "./utils.mjs";
 import se from "./hooks/use-get-columns.mjs";
 import { useDevWarning as re } from "../utils/warning.mjs";
@@ -12,7 +12,8 @@ import ue from "./style/index.mjs";
 import { useNamespace as ie } from "../config-provider/hooks/use-namespace.mjs";
 import { useControllableValue as de } from "../hooks/useControllableValue.mjs";
 import { useGlobalConfig as fe } from "../config-provider/hooks/use-global-config.mjs";
-const Ee = /* @__PURE__ */ H({
+import { isDef as y } from "../utils/is.mjs";
+const Ve = /* @__PURE__ */ H({
   name: "EditableTable",
   __name: "index",
   props: {
@@ -251,5 +252,5 @@ const Ee = /* @__PURE__ */ H({
   }
 });
 export {
-  Ee as default
+  Ve as default
 };

package/es/src/editable-table/style/index.mjs

@@ -5,11 +5,11 @@ const n = (a) => {
   return {
     [t]: {
       ".ant-form-item": {
-        marginBlockEnd: "16px"
+        marginBlockEnd: a.spaceXL
       },
       [`${t}__header-cell--required`]: {
-        color: "#FF4D4F",
-        paddingInlineEnd: "2px"
+        color: a.colorError,
+        paddingInlineEnd: a.spaceXXS
       },
       ".ant-pagination": {
         marginBlockEnd: "0 !important",
@@ -24,24 +24,24 @@ const n = (a) => {
         backgroundColor: a.editableTableHeaderBg
       },
       ".ant-table.ant-table-middle .ant-table-row .ant-table-cell:has(.is-editable)": {
-        paddingBlockStart: "16px",
+        paddingBlockStart: a.spaceXL,
         paddingBlockEnd: 0
       },
       ".ant-table.ant-table-middle .ant-table-row .ant-table-cell": {
-        padding: "12px"
+        padding: a.spaceLG
       },
       ".ant-table.ant-table-middle .ant-table-thead .ant-table-cell": {
-        padding: "12px"
+        padding: a.spaceLG
       },
       ".ant-table.ant-table-small .ant-table-row .ant-table-cell:has(.is-editable)": {
-        paddingBlockStart: "16px",
+        paddingBlockStart: a.spaceXL,
         paddingBlockEnd: 0
       },
       ".ant-table.ant-table-small .ant-table-row .ant-table-cell": {
-        padding: "8px"
+        padding: a.space
       },
       ".ant-table.ant-table-small .ant-table-thead .ant-table-cell": {
-        padding: "8px"
+        padding: a.space
       },
       ".ant-table-placeholder .ant-table-expanded-row-fixed": {
         "&::after": {
@@ -62,7 +62,7 @@ const n = (a) => {
       }
     }
   };
-}, o = l(
+}, r = l(
   "EditableTable",
   (a) => [n(a)],
   {
@@ -70,6 +70,6 @@ const n = (a) => {
   }
 );
 export {
-  o as default,
+  r as default,
   n as genEditableTableStyle
 };

package/es/src/editable-table/utils.d.ts

@@ -16,7 +16,7 @@ export declare function getEditableComponent(valueType: EditableColumnType['valu
  * @param column
  * @returns
  */
-export declare function getColumnIsRequired(column: EditableColumnType<any, 'text', 'text'>): boolean;
+export declare function getColumnIsRequired(column: EditableColumnType<any, 'text', 'text'>): NonNullable<boolean | undefined>;
 /**
  * 获取ellipsis模式下最终需要渲染的字符串
  * @param column

package/es/src/editable-table/utils.mjs

@@ -1,15 +1,16 @@
 import { isVNode as C, createVNode as i, mergeProps as R, createTextVNode as h, Fragment as I } from "vue";
 import { isFunction as c, isArray as T, isBoolean as S, omit as F, isString as x } from "lodash-unified";
 import { apTableFormItemMap as q, noRenderAsFormItemValueList as w, apTableRenderItemMap as P } from "../ap-table/constants.mjs";
-import { isDef as V } from "../utils/index.mjs";
-import { getValueStr as N } from "../ap-field/number/helper.mjs";
-import j from "scroll-into-view-if-needed";
-import { Typography as v, Tooltip as A } from "@aplus-frontend/antdv";
+import "../utils/index.mjs";
+import { getValueStr as V } from "../ap-field/number/helper.mjs";
+import N from "scroll-into-view-if-needed";
+import { Typography as j, Tooltip as v } from "@aplus-frontend/antdv";
 import "../ap-form/index.mjs";
-import { objectToString as M, getTableRenderType as O } from "../ap-table/utils.mjs";
-import { QuestionCircleOutlined as W } from "@ant-design/icons-vue";
-import y from "../ap-form/item/index.vue.mjs";
-function m(e) {
+import { objectToString as A, getTableRenderType as M } from "../ap-table/utils.mjs";
+import { QuestionCircleOutlined as O } from "@ant-design/icons-vue";
+import { isDef as W } from "../utils/is.mjs";
+import m from "../ap-form/item/index.vue.mjs";
+function y(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !C(e);
 }
 function _(e) {
@@ -21,18 +22,18 @@ function k(e) {
   if (!e.fieldProps)
     return !1;
   const t = c(e.fieldProps) ? e.fieldProps({}) : e.fieldProps;
-  return V(t.required) ? t.required : (T(t.rules) ? t.rules : t.rules ? [t.rules] : []).some((o) => o.required);
+  return W(t.required) ? t.required : (T(t.rules) ? t.rules : t.rules ? [t.rules] : []).some((o) => o.required);
 }
 function D(e, t) {
   if (e.valueType === "text" || e.valueType === "textArea")
     return t || "--";
   if (e.valueType === "number") {
     const r = e.fieldProps ? c(e.fieldProps) ? e.fieldProps({}) : e.fieldProps : {};
-    return N(t, r) || "--";
+    return V(t, r) || "--";
   }
-  return M(t);
+  return A(t);
 }
-function $(e, t) {
+function ee(e, t) {
   const r = [e];
   if (t) {
     const o = T(t) ? t : [t];
@@ -40,9 +41,9 @@ function $(e, t) {
   }
   return r.join(" ");
 }
-function ee(e, t = document.body, r = {}) {
+function te(e, t = document.body, r = {}) {
   const o = t.querySelectorAll("tr.ant-table-row")[e];
-  o && j(o, {
+  o && N(o, {
     scrollMode: "if-needed",
     block: "nearest",
     behavior: "smooth",
@@ -50,7 +51,7 @@ function ee(e, t = document.body, r = {}) {
   });
 }
 function E(e, t, r) {
-  return w.includes(e.valueType) ? r : e.copyable || e.ellipsis ? i(v.Paragraph, {
+  return w.includes(e.valueType) ? r : e.copyable || e.ellipsis ? i(j.Paragraph, {
     copyable: e.copyable ? {
       text: t,
       tooltip: !1
@@ -64,11 +65,11 @@ function E(e, t, r) {
     content: e.ellipsis ? D(e, t) : r
   }, null) : r;
 }
-function te(e, t, r, o, p, n) {
+function re(e, t, r, o, p, n) {
   if (t) {
     if (e.customRenderFormItem) {
       const f = e.customRenderFormItem(e, r.field, t, p);
-      return i(y, F(r, ["field"]), m(f) ? f : {
+      return i(m, F(r, ["field"]), y(f) ? f : {
         default: () => [f]
       });
     }
@@ -76,17 +77,17 @@ function te(e, t, r, o, p, n) {
     if (a)
       return i(a, r, null);
     const l = n?.[e.valueType]?.renderFormItem?.(r.field);
-    return l ? i(y, r, m(l) ? l : {
+    return l ? i(m, r, y(l) ? l : {
       default: () => [l]
     }) : null;
   }
   let s;
-  const u = O(e), d = P[u];
+  const u = M(e), d = P[u];
   return d ? s = i(d, R(r.field, {
     mode: "read"
   }), null) : s = n?.[u]?.render?.(o, p, r.field), s ? E(e, o, s) : null;
 }
-function re(e, t, r, o, p) {
+function oe(e, t, r, o, p) {
   const n = o?.({
     title: e.title,
     column: e
@@ -105,11 +106,11 @@ function re(e, t, r, o, p) {
       alignItems: "center",
       maxWidth: "100%"
     }
-  }, [l, i(A, {
+  }, [l, i(v, {
     title: f,
     placement: "bottom"
   }, {
-    default: () => [i(W, {
+    default: () => [i(O, {
       style: {
         padding: "4px",
         color: p,
@@ -121,9 +122,9 @@ function re(e, t, r, o, p) {
 export {
   k as getColumnIsRequired,
   _ as getEditableComponent,
-  re as getEditableTableTitle,
-  te as getFinalNode,
+  oe as getEditableTableTitle,
+  re as getFinalNode,
   D as getRawDisplayValue,
-  $ as mergeClass,
-  ee as scrollToRowIndex
+  ee as mergeClass,
+  te as scrollToRowIndex
 };

package/es/src/hooks/useMessage.mjs

@@ -2,7 +2,7 @@ import { createVNode as o } from "vue";
 import { Modal as r, notification as i, message as s } from "@aplus-frontend/antdv";
 import { InfoCircleFilled as c, CheckCircleFilled as f, CloseCircleFilled as d } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
-import { isType as m } from "@fruits-chain/utils";
+import { isString as m } from "lodash-unified";
 import { useLocale as g } from "../config-provider/hooks/use-locale.mjs";
 function l(e) {
   return e === "warning" ? o(c, {
@@ -18,7 +18,7 @@ function l(e) {
 function a({
   content: e
 }) {
-  return m("String")(e) ? o("div", {
+  return m(e) ? o("div", {
     innerHTML: `<div>${e}</div>`
   }, null) : e;
 }
@@ -69,7 +69,7 @@ i.config({
   placement: "topRight",
   duration: 3
 });
-function O() {
+function R() {
   return {
     createMessage: s,
     notification: i,
@@ -82,5 +82,5 @@ function O() {
   };
 }
 export {
-  O as useMessage
+  R as useMessage
 };

package/es/src/loading-bar/index.vue2.mjs

@@ -1,10 +1,11 @@
 import { defineComponent as $, computed as u, ref as o, watch as n, onMounted as L, onBeforeUnmount as M, createBlock as N, openBlock as X, Transition as E, unref as h, withCtx as G, withDirectives as U, createElementVNode as _, normalizeStyle as z, normalizeClass as P, vShow as V } from "vue";
 import "../config-provider/index.mjs";
 import j from "./style/index.mjs";
-import { isDef as k } from "../utils/index.mjs";
+import "../utils/index.mjs";
 import { useToken as H } from "../config-provider/hooks/use-token.mjs";
 import { useNamespace as J } from "../config-provider/hooks/use-namespace.mjs";
-const K = ["aria-valuenow"], O = 0.05, ae = /* @__PURE__ */ $({
+import { isDef as k } from "../utils/is.mjs";
+const K = ["aria-valuenow"], O = 0.05, te = /* @__PURE__ */ $({
   __name: "index",
   props: {
     defaultProgress: {
@@ -108,5 +109,5 @@ const K = ["aria-valuenow"], O = 0.05, ae = /* @__PURE__ */ $({
   }
 });
 export {
-  ae as default
+  te as default
 };

package/es/src/loading-bar/style/index.mjs

@@ -1,10 +1,10 @@
-import { keyframes as e } from "@emotion/css";
+import { keyframes as t } from "@emotion/css";
 import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
-const s = {
+const c = {
   loadingBarAnimateDuration: 250
 };
-function c() {
-  const a = e`
+function s() {
+  const a = t`
     0% {
       opacity: 0;
     }
@@ -12,7 +12,7 @@ function c() {
     100% {
       opacity: 1;
     }
-  `, n = e`
+  `, n = t`
     0% {
       opacity: 1;
     }
@@ -24,7 +24,7 @@ function c() {
   return [a, n];
 }
 const m = (a) => {
-  const [n, t] = c(), { componentCls: o, loadingBarAnimateDuration: r } = a;
+  const [n, e] = s(), { componentCls: o, loadingBarAnimateDuration: r } = a;
   return {
     [o]: {
       position: "absolute",
@@ -35,7 +35,7 @@ const m = (a) => {
         width: "100%",
         height: "100%",
         pointerEvents: "none",
-        transition: "background-color .25s ease, transform .25s ease",
+        transition: `background-color ${a.motionDurationMid} ease, transform ${a.motionDurationMid} ease`,
         willChange: "transform"
       },
       "&--default": {
@@ -64,7 +64,7 @@ const m = (a) => {
           animationDuration: `${r}ms`
         },
         "&-leave-active": {
-          animationName: t,
+          animationName: e,
           animationDuration: `${r}ms`
         }
       }
@@ -73,13 +73,13 @@ const m = (a) => {
 }, u = i(
   "LoadingBar",
   (a) => [m(a)],
-  s,
+  c,
   {
     skipUnit: ["loadingBarAnimateDuration"]
   }
 );
 export {
   u as default,
-  c as genFadeKeyFrames,
+  s as genFadeKeyFrames,
   m as genLoadingBarStyle
 };

package/es/src/scroll-view/hooks/use-scroll-smooth.mjs

@@ -1,20 +1,21 @@
 import "../../scroll-bar/index.mjs";
 import { useRafFn as R } from "@vueuse/core";
-import { isDef as f } from "../../utils/index.mjs";
+import "../../utils/index.mjs";
 import { ensureRangeValue as s } from "../../scroll-bar/utils/index.mjs";
+import { isDef as f } from "../../utils/is.mjs";
 const g = () => {
-}, b = (i) => 1 - Math.pow(1 - i, 3), V = ({
+}, b = (i) => 1 - Math.pow(1 - i, 3), X = ({
   scrollOffset: i,
   maxScrollDistance: r,
   timer: l = 500,
-  onScroll: u = g,
+  onScroll: m = g,
   onScrollEnd: T = g
 }) => {
-  let m, e, t, o, n;
+  let u, e, t, o, n;
   const { pause: a, resume: w, isActive: p } = R(
     () => {
-      const v = Date.now() - m, c = s(v / l, 0, 1), y = b(c);
-      c === 1 ? (o && (i.x = t.x), n && (i.y = t.y), a(), u(o, n), T(o, n)) : (o && (t.x > e.x ? i.x = s(
+      const v = Date.now() - u, c = s(v / l, 0, 1), y = b(c);
+      c === 1 ? (o && (i.x = t.x), n && (i.y = t.y), a(), m(o, n), T(o, n)) : (o && (t.x > e.x ? i.x = s(
         e.x + (t.x - e.x) * y,
         e.x,
         r.x
@@ -30,12 +31,12 @@ const g = () => {
         t.y + (e.y - t.y) * (1 - y),
         0,
         e.y
-      )), u(o, n));
+      )), m(o, n));
     },
     { immediate: !1 }
   );
   function d(x) {
-    p.value && a(), m = Date.now(), e = {
+    p.value && a(), u = Date.now(), e = {
       x: i.x,
       y: i.y
     }, t = x, o = f(x.x), n = f(x.y), w();
@@ -46,5 +47,5 @@ const g = () => {
   return { start: d, stop: h, isActive: p };
 };
 export {
-  V as useScrollSmooth
+  X as useScrollSmooth
 };

package/es/src/scroll-view/index.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as ue, ref as he, reactive as pe, computed as v, unref as a, watchEffect as _, watch as ye, createElementBlock as me, openBlock as P, withModifiers as M, normalizeStyle as A, normalizeClass as w, createElementVNode as z, renderSlot as de, createBlock as L, createCommentVNode as O, mergeProps as I } from "vue";
 import "../config-provider/index.mjs";
 import "../scroll-bar/index.mjs";
-import { isDef as f } from "../utils/index.mjs";
+import "../utils/index.mjs";
 import { ensureRangeValue as n, getScrollable as k } from "../scroll-bar/utils/index.mjs";
 import ve from "./hooks/use-scroll-wrapper.mjs";
 import { isString as T } from "lodash-unified";
@@ -12,8 +12,9 @@ import { useScrollSmooth as Be } from "./hooks/use-scroll-smooth.mjs";
 import { getElementScrollOffset as Se } from "./utils/index.mjs";
 import ge from "./style/index.mjs";
 import { useNamespace as be } from "../config-provider/hooks/use-namespace.mjs";
+import { isDef as f } from "../utils/is.mjs";
 import F from "../scroll-bar/internal.vue.mjs";
-const Ae = /* @__PURE__ */ ue({
+const Le = /* @__PURE__ */ ue({
   name: "ScrollView",
   __name: "index",
   props: {
@@ -248,5 +249,5 @@ const Ae = /* @__PURE__ */ ue({
   }
 });
 export {
-  Ae as default
+  Le as default
 };