@aplus-frontend/ui 7.4.1 → 7.4.3

package/es/src/ap-drawer/style/index.mjs

@@ -1,29 +1,29 @@
-import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
-const r = (o) => ({
-  [`${o.componentCls}-close`]: {
+import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
+const r = (e) => ({
+  [`${e.componentCls}-close`]: {
     width: "32px",
     height: "32px",
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
     alignItems: "center",
-    border: `1px solid ${o.borderColorBase}`,
-    borderRadius: o.borderRadius,
+    border: `1px solid ${e.borderColorBase}`,
+    borderRadius: e.borderRadius,
     cursor: "pointer",
-    ".aplus-frontend-icon": {
+    ".user-frontend-icon": {
       fontSize: "18px",
       display: "flex",
       alignItems: "center",
       transition: "color 0.3s"
     },
     "&:hover": {
-      ".aplus-frontend-icon": {
-        color: o.colorError
+      ".user-frontend-icon": {
+        color: e.colorError
       }
     }
   }
-}), t = e("ApDrawer", (o) => [
-  r(o)
+}), t = o("ApDrawer", (e) => [
+  r(e)
 ]);
 export {
   t as default

package/es/src/ap-field/date/index.vue.mjs

@@ -83,6 +83,7 @@ const he = /* @__PURE__ */ E({
     emptyText: { default: "--" },
     value: {},
     defaultValue: {},
+    "onUpdate:value": {},
     onChange: {},
     onOk: {},
     format: { default: "Y-D" },

package/es/src/ap-field/date/read.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as i, computed as t, toDisplayString as u, unref as d } from "vue";
+import { defineComponent as u, computed as t, toDisplayString as i, unref as d } from "vue";
 import n from "dayjs";
 import { isNil as m } from "lodash-unified";
 import { getTimeFormatToZone as c } from "@aplus-frontend/utils";
 import { useDateTimezone as f } from "../hooks/use-date-timezone.mjs";
 import { ApFieldDatePresetFormats as y, PRESET_FORMAT_MAP as B } from "./constant.mjs";
-const T = /* @__PURE__ */ i({
+const T = /* @__PURE__ */ u({
   name: "ApFieldDateRead",
   __name: "read",
   props: {
@@ -78,6 +78,7 @@ const T = /* @__PURE__ */ i({
     emptyText: { default: "--" },
     value: {},
     defaultValue: {},
+    "onUpdate:value": {},
     onChange: {},
     onOk: {},
     format: { default: "Y-D" },
@@ -96,7 +97,7 @@ const T = /* @__PURE__ */ i({
       let o = n(e.value);
       return e.timezone && (o = n(c(e.value, r.value))), o;
     });
-    return (o, h) => u(a.value ? d(n)(a.value).format(s.value) : o.emptyText);
+    return (o, h) => i(a.value ? d(n)(a.value).format(s.value) : o.emptyText);
   }
 });
 export {

package/es/src/ap-field/date-range/index.vue.mjs

@@ -147,6 +147,7 @@ const ze = /* @__PURE__ */ L({
     },
     value: {},
     defaultValue: {},
+    "onUpdate:value": {},
     onChange: {},
     onOk: {},
     format: {

package/es/src/ap-field/date-range/read.vue2.mjs

@@ -79,6 +79,7 @@ const M = /* @__PURE__ */ v({
     emptyText: { default: "--" },
     value: {},
     defaultValue: {},
+    "onUpdate:value": {},
     onChange: {},
     onOk: {},
     format: { default: "Y-D" },

package/es/src/ap-field/interface.d.ts

@@ -47,6 +47,7 @@ export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' |
     emptyText?: string;
     value?: number | null;
     defaultValue?: number;
+    'onUpdate:value'?: (ts: number | null) => void;
     onChange?: (ts: number | null, dayStr: string) => void;
     onOk?: (ts: number | null) => void;
     format?: LiteralUnion<ApFormatPresetType, string>;
@@ -116,6 +117,7 @@ export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'va
     emptyText?: string;
     value?: RangeValue<number> | null;
     defaultValue?: RangeValue<number>;
+    'onUpdate:value'?: (ts: RangeValue<number> | null) => void;
     onChange?: (ts: RangeValue<number> | null, dayStr: [string, string]) => void;
     onOk?: (ts: RangeValue<number>) => void;
     format?: LiteralUnion<ApFormatPresetType, string>;

package/es/src/ap-field/text/index.vue2.mjs

@@ -1,13 +1,15 @@
-import { isVNode as g, defineComponent as C, ref as S, useSlots as _, createVNode as i, mergeProps as V, unref as r, computed as w, createBlock as R, openBlock as T, resolveDynamicComponent as j } from "vue";
-import { Input as U } from "@aplus-frontend/antdv";
+import { isVNode as g, defineComponent as C, ref as S, useSlots as _, createVNode as i, mergeProps as R, unref as r, computed as V, createBlock as w, openBlock as T } from "vue";
+import { Input as j } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { omit as z } from "lodash-unified";
-import { useDefaultPlaceholder as F } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
+import { omit as U } from "lodash-unified";
+import { useDefaultPlaceholder as z } from "../hooks/use-default-placeholder.mjs";
+import "../../render/index.mjs";
+import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
+import M from "../../render/render.mjs";
 function N(n) {
   return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !g(n);
 }
-const K = /* @__PURE__ */ C({
+const $ = /* @__PURE__ */ C({
   name: "ApFieldText",
   __name: "index",
   props: {
@@ -95,43 +97,45 @@ const K = /* @__PURE__ */ C({
   emits: ["update:value"],
   setup(n, {
     expose: d,
-    emit: c
+    emit: f
   }) {
-    const t = S(), l = _(), f = (o) => {
+    const t = S(), u = _(), c = (o) => {
       t.value?.focus(o);
     }, m = () => {
       t.value?.blur();
-    }, y = (o, u, a) => {
-      t.value?.setSelectionRange(o, u, a);
-    }, v = () => {
+    }, y = (o, l, a) => {
+      t.value?.setSelectionRange(o, l, a);
+    }, x = () => {
       t.value?.select();
-    }, x = c, e = n, {
+    }, v = f, e = n, {
       value: p,
       updateValue: B
-    } = M(e, x), b = F("Text", e);
+    } = F(e, v), b = z("Text", e);
     function h(o) {
-      const u = o.target.value || "", a = e.beforeInput ? e.beforeInput?.(u) : u, s = t.value?.$el?.querySelector("input");
+      const l = o.target.value || "", a = e.beforeInput ? e.beforeInput?.(l) : l, s = t.value?.$el?.querySelector("input");
       s && (s.value = a), B(a);
     }
     function I() {
-      return e.mode === "edit" ? i(U, V(z(e, ["mode", "emptyText", "value", "onUpdate:value", "beforeInput"]), {
+      return e.mode === "edit" ? i(j, R(U(e, ["mode", "emptyText", "value", "onUpdate:value", "beforeInput"]), {
         placeholder: r(b),
         value: r(p),
         onInput: h,
         ref: t
-      }), N(l) ? l : {
-        default: () => [l]
-      }) : i("span", null, [e.prefix || l?.prefix?.(), r(p) || e.emptyText, e.suffix || l?.suffix?.()]);
+      }), N(u) ? u : {
+        default: () => [u]
+      }) : i("span", null, [e.prefix || u?.prefix?.(), r(p) || e.emptyText, e.suffix || u?.suffix?.()]);
     }
     return d({
-      focus: f,
+      focus: c,
       blur: m,
       setSelectionRange: y,
-      select: v,
-      input: w(() => t.value?.input)
-    }), (o, u) => (T(), R(j(I())));
+      select: x,
+      input: V(() => t.value?.input)
+    }), (o, l) => (T(), w(r(M), {
+      renderer: I
+    }));
   }
 });
 export {
-  K as default
+  $ as default
 };

package/es/src/ap-field/text/password.vue.mjs

@@ -1,14 +1,16 @@
-import { isVNode as x, defineComponent as h, useSlots as C, ref as g, unref as i, createVNode as e, mergeProps as w, Fragment as P, createBlock as U, openBlock as V, resolveDynamicComponent as _ } from "vue";
-import { Input as S, Space as T } from "@aplus-frontend/antdv";
+import { isVNode as x, defineComponent as h, useSlots as g, ref as C, unref as a, createVNode as e, mergeProps as w, Fragment as P, createBlock as U, openBlock as V } from "vue";
+import { Input as _, Space as S } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { omit as I } from "lodash-unified";
-import { EyeOutlined as O, EyeInvisibleOutlined as j } from "@ant-design/icons-vue";
-import { useDefaultPlaceholder as k } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as d } from "../../hooks/useControllableValue.mjs";
+import { omit as T } from "lodash-unified";
+import { EyeOutlined as I, EyeInvisibleOutlined as O } from "@ant-design/icons-vue";
+import { useDefaultPlaceholder as j } from "../hooks/use-default-placeholder.mjs";
+import "../../render/index.mjs";
+import { useControllableValue as p } from "../../hooks/useControllableValue.mjs";
+import k from "../../render/render.mjs";
 function E(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !x(t);
 }
-const G = /* @__PURE__ */ h({
+const J = /* @__PURE__ */ h({
   name: "ApFieldTextPassword",
   __name: "password",
   props: {
@@ -110,48 +112,50 @@ const G = /* @__PURE__ */ h({
     expose: c,
     emit: f
   }) {
-    const s = f, o = t, a = C(), u = g(), {
+    const r = f, o = t, u = g(), i = C(), {
       value: m,
       updateValue: v
-    } = d(o, s), y = k("TextPassword", o), {
+    } = p(o, r), y = j("TextPassword", o), {
       value: b,
-      updateValue: r
-    } = d(o, s, {
+      updateValue: s
+    } = p(o, r, {
       valuePropName: "visible"
     });
     function B() {
-      const n = i(m), l = i(b);
+      const n = a(m), l = a(b);
       if (o.mode === "edit")
-        return e(S.Password, w(I(o, ["mode", "emptyText", "value", "onUpdate:value", "visible", "onUpdate:visible"]), {
-          placeholder: i(y),
+        return e(_.Password, w(T(o, ["mode", "emptyText", "value", "onUpdate:value", "visible", "onUpdate:visible"]), {
+          placeholder: a(y),
           value: n,
           "onUpdate:value": v,
           visible: l,
-          "onUpdate:visible": r,
-          ref: u
-        }), E(a) ? a : {
-          default: () => [a]
+          "onUpdate:visible": s,
+          ref: i
+        }), E(u) ? u : {
+          default: () => [u]
         });
-      let p = e(P, null, [o.emptyText]);
-      return n && (p = e(T, null, {
+      let d = e(P, null, [o.emptyText]);
+      return n && (d = e(S, null, {
         default: () => [e("span", null, [l ? n : "********"]), e("span", {
           style: {
             cursor: "pointer"
           },
-          onClick: () => r(!l)
-        }, [l ? e(O, null, null) : e(j, null, null)])]
-      })), p;
+          onClick: () => s(!l)
+        }, [l ? e(I, null, null) : e(O, null, null)])]
+      })), d;
     }
     return c({
       focus: () => {
-        u.value?.focus();
+        i.value?.focus();
       },
       blur: () => {
-        u.value?.blur();
+        i.value?.blur();
       }
-    }), (n, l) => (V(), U(_(B())));
+    }), (n, l) => (V(), U(a(k), {
+      renderer: B
+    }));
   }
 });
 export {
-  G as default
+  J as default
 };

package/es/src/ap-form/item/index.vue.mjs

@@ -3,9 +3,9 @@ import { Form as X, Tooltip as Z, TypographyText as ee } from "@aplus-frontend/a
 import { useToken as oe } from "@aplus-frontend/antdv/es/theme/internal";
 import { isFunction as F, cloneDeep as te, isArray as re, omit as V } from "lodash-unified";
 import { apFormItemColPropKeys as le } from "../constant.mjs";
-import { QuestionCircleOutlined as ne } from "@ant-design/icons-vue";
+import { QuestionCircleOutlined as ae } from "@ant-design/icons-vue";
 import "../../config-provider/index.mjs";
-import { useInjectForm as ae } from "../context.mjs";
+import { useInjectForm as ne } from "../context.mjs";
 import { isPromise as ie } from "@fruits-chain/utils";
 import { getValidVNodeList as se } from "../../utils/slot.mjs";
 import ue from "../style/item.mjs";
@@ -58,7 +58,7 @@ const Ce = /* @__PURE__ */ _({
     disabled: { type: Boolean }
   },
   setup(g, { expose: h }) {
-    const o = g, m = j(), { model: p, updateModel: B, internalInstance: C } = ae(), { m: u, b: k } = de("ap-form-item"), P = ue("ap-form-item"), d = y(!1), a = y(), [, x] = oe();
+    const o = g, m = j(), { model: p, updateModel: B, internalInstance: C } = ne(), { m: u, b: k } = de("ap-form-item"), x = ue("ap-form-item"), d = y(!1), n = y(), [, N] = oe();
     E(async () => {
       let e = F(o.initialValue) ? o.initialValue() : o.initialValue;
       ie(e) && (e = await e), C?.registerField({
@@ -68,11 +68,11 @@ const Ce = /* @__PURE__ */ _({
       });
     });
     const c = M(() => o.name ? re(o.name) ? o.name.reduce((e, t) => e?.[t], r(p)) : p?.value[o.name] : null);
-    function N(e, t) {
-      const l = Object.keys(t), n = { ...t };
+    function P(e, t) {
+      const l = Object.keys(t), a = { ...t };
       return l.forEach((s) => {
-        s in e || delete n[s];
-      }), n;
+        s in e || delete a[s];
+      }), console.log("result", e), a;
     }
     function I() {
       const e = m.default?.() || [];
@@ -81,7 +81,7 @@ const Ce = /* @__PURE__ */ _({
       const t = se(e)[0];
       if (!t)
         return null;
-      const l = t?.type?.props ?? {}, n = {
+      const l = t?.type?.props ?? {}, a = {
         [o.valuePropName]: r(c),
         [`onUpdate:${o.valuePropName}`]: S,
         variant: o.bordered ? "borderless" : t?.props?.variant,
@@ -89,7 +89,7 @@ const Ce = /* @__PURE__ */ _({
         onFocus: T,
         onBlur: w
       };
-      return O(t, N(l, n));
+      return O(t, P(l, a));
     }
     function S(e) {
       B?.(o.name, e);
@@ -101,16 +101,16 @@ const Ce = /* @__PURE__ */ _({
       d.value = !1;
     }
     function z() {
-      a.value?.onFieldBlur();
+      n.value?.onFieldBlur();
     }
     function R() {
-      a.value?.onFieldChange();
+      n.value?.onFieldChange();
     }
     function A() {
-      a.value?.clearValidate();
+      n.value?.clearValidate();
     }
     function D() {
-      a.value?.resetField();
+      n.value?.resetField();
     }
     function L(e = !1) {
       const t = r(c);
@@ -128,7 +128,7 @@ const Ce = /* @__PURE__ */ _({
     }), (e, t) => (v(), b(r(X).Item, $(
       {
         ref_key: "formItemRef",
-        ref: a
+        ref: n
       },
       r(V)(o, [...r(le), "tooltip", "label", "description"]),
       {
@@ -137,7 +137,7 @@ const Ce = /* @__PURE__ */ _({
           [r(u)("focused")]: e.bordered && d.value,
           [r(u)("disabled")]: e.bordered && e.disabled,
           [r(k)()]: !0,
-          [r(P)]: !0
+          [r(x)]: !0
         },
         colon: e.bordered ? !1 : o.colon
       }
@@ -157,9 +157,9 @@ const Ce = /* @__PURE__ */ _({
               title: o.tooltip
             }, {
               default: i(() => [
-                f(r(ne), {
+                f(r(ae), {
                   style: G({
-                    color: r(x).colorTextTertiary,
+                    color: r(N).colorTextTertiary,
                     fontSize: "14px",
                     transform: "translateY(1px)"
                   })
@@ -182,10 +182,10 @@ const Ce = /* @__PURE__ */ _({
         ]),
         key: "1"
       } : void 0,
-      Q(r(V)(m, "default"), (l, n) => ({
-        name: n,
+      Q(r(V)(m, "default"), (l, a) => ({
+        name: a,
         fn: i((s) => [
-          H(e.$slots, n, J(W(s || {})))
+          H(e.$slots, a, J(W(s || {})))
         ])
       }))
     ]), 1040, ["class", "colon"]));

package/es/src/ap-pro-card/style/index.mjs

@@ -77,7 +77,7 @@ const i = () => {
         "&:hover": {
           color: r.hoverColorBase
         },
-        "&.aplus-frontend-icon": {
+        "&.user-frontend-icon": {
           display: "flex",
           alignItems: "center",
           justifyContent: "center"

package/es/src/ap-pro-card/style/title.mjs

@@ -1,8 +1,8 @@
-import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
-const n = (t) => {
-  const { componentCls: e } = t;
+import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
+const r = (t) => {
+  const { componentCls: o } = t;
   return {
-    [e]: {
+    [o]: {
       "&-default": {
         position: "relative",
         fontWeight: "bold",
@@ -19,7 +19,7 @@ const n = (t) => {
             transform: "translateY(-50%)",
             width: "3px",
             height: "14px",
-            backgroundColor: "#0070ff",
+            backgroundColor: t.colorPrimary,
             borderRadius: "0px 4px 4px 0px"
           }
         },
@@ -34,17 +34,17 @@ const n = (t) => {
             width: "8px",
             height: "8px",
             borderRadius: "50%",
-            border: "2px solid #34b77c",
+            border: `2px solid ${t.colorPrimary}`,
             background: "#fff"
           }
         }
       }
     }
   };
-}, p = o("ProCard.Title", (t) => [
-  n(t)
+}, a = e("ProCard.Title", (t) => [
+  r(t)
 ]);
 export {
-  p as default,
-  n as genProCardTitleStyle
+  a as default,
+  r as genProCardTitleStyle
 };

package/es/src/business/ap-copy/style/index.mjs

@@ -1,8 +1,8 @@
-import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
+import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
 const r = (o) => {
-  const { componentCls: t } = o;
+  const { componentCls: e } = o;
   return {
-    [t]: {
+    [e]: {
       display: "flex",
       alignItems: "center",
       width: "100%",
@@ -15,40 +15,40 @@ const r = (o) => {
           opacity: 1
         }
       },
-      [`${t}__text`]: {
+      [`${e}__text`]: {
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap",
         height: "18px",
         lineHeight: "18px"
       },
-      [`${t}--text-major`]: {
+      [`${e}--text-major`]: {
         color: o.textColor1
       },
-      [`${t}--text-minor`]: {
+      [`${e}--text-minor`]: {
         color: o.textColor3
       },
-      [`${t}--text-link`]: {
+      [`${e}--text-link`]: {
         color: o.colorLink,
         cursor: "pointer",
         "&:hover": {
           color: o.colorLinkHover
         }
       },
-      [`${t}__copy-btn`]: {
+      [`${e}__copy-btn`]: {
         flexShrink: 0,
         width: "16px",
         marginInlineStart: "4px",
         display: "flex",
         alignItems: "center",
-        ".aplus-frontend-icon": {
+        ".user-frontend-icon": {
           cursor: "pointer",
           color: "#ABB7CC",
           height: "14px",
           lineHeight: "14px"
         },
         "&:hover": {
-          ".aplus-frontend-icon": {
+          ".user-frontend-icon": {
             cursor: "pointer",
             color: o.colorLink
           }
@@ -56,7 +56,7 @@ const r = (o) => {
       }
     }
   };
-}, i = e("ApCopy", (o) => [
+}, i = t("ApCopy", (o) => [
   r(o)
 ]);
 export {

package/es/src/business/ap-label/style/index.mjs

@@ -11,7 +11,7 @@ const r = (o) => {
         display: "flex",
         flexDirection: "row",
         alignItems: "center",
-        ".aplus-frontend-icon": {
+        ".user-frontend-icon": {
           display: "flex",
           alignItems: "center"
         }

package/es/src/business/ap-value-select-card/style/index.mjs

@@ -18,7 +18,7 @@ const l = (o) => {
           boxSizing: "border-box",
           padding: "8px 16px",
           color: o.textColor2,
-          border: `1px solid ${o.colorBg1}`,
+          border: `1px solid ${o.borderColorBase}`,
           borderRadius: o.borderRadius,
           cursor: "pointer",
           "&-close": {
@@ -69,7 +69,7 @@ const l = (o) => {
               color: o.textColor3,
               background: "#f9f9fa",
               cursor: "not-allowed",
-              border: `1px solid ${o.colorBg1}`
+              border: `1px solid ${o.borderColorBase}`
             },
             "&.select": {
               backgroundColor: o.colorBgControl,

package/es/src/index.d.ts

@@ -10,6 +10,7 @@ export * from './ap-button';
 export * from './ap-drawer';
 export * from './ap-pro-card';
 export * from './loading-bar';
+export * from './render';
 export * from './business';
 export * from './ap-table';
 export * from './editable-table';