@aplus-frontend/ui 7.4.1 → 7.4.2

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-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-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';