@aplus-frontend/ui 0.0.17 → 0.0.19

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

@@ -1,14 +1,14 @@
-import { defineComponent as $, useSlots as j, ref as m, computed as b, unref as t, watch as q, cloneVNode as D, openBlock as h, createBlock as C, mergeProps as E, createSlots as K, withCtx as i, resolveDynamicComponent as O, createCommentVNode as Q, createElementVNode as U, normalizeClass as w, createVNode as g, normalizeStyle as G, renderList as H, renderSlot as J, normalizeProps as W, guardReactiveProps as X } from "vue";
-import { Form as Y, Tooltip as Z } from "ant-design-vue";
-import { useToken as M } from "ant-design-vue/es/theme/internal";
-import { isArray as ee, omit as k } from "lodash-unified";
-import { apFormItemColPropKeys as oe } from "./constant.mjs";
-import { QuestionCircleOutlined as te } from "@ant-design/icons-vue";
+import { defineComponent as j, useSlots as q, ref as m, computed as B, unref as o, watch as D, cloneVNode as E, openBlock as h, createBlock as C, mergeProps as K, createSlots as O, withCtx as i, resolveDynamicComponent as Q, createCommentVNode as U, createElementVNode as w, normalizeClass as G, createVNode as g, normalizeStyle as H, renderList as J, renderSlot as W, normalizeProps as X, guardReactiveProps as Y } from "vue";
+import { Form as Z, Tooltip as M } from "ant-design-vue";
+import { useToken as ee } from "ant-design-vue/es/theme/internal";
+import { isArray as oe, omit as k } from "lodash-unified";
+import { apFormItemColPropKeys as te } from "./constant.mjs";
+import { QuestionCircleOutlined as re } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
 import { useInjectForm as le } from "./context.mjs";
 import "./style/ap-form-item.css";
-import { useNamespace as re } from "../config-provider/hooks/use-namespace.mjs";
-const ve = /* @__PURE__ */ $({
+import { useNamespace as ae } from "../config-provider/hooks/use-namespace.mjs";
+const ye = /* @__PURE__ */ j({
   name: "ApFormItem",
   __name: "ap-form-item",
   props: {
@@ -51,87 +51,91 @@ const ve = /* @__PURE__ */ $({
   },
   setup(N, { expose: P }) {
     var y, F;
-    const o = N, l = j(), { model: u, updateModel: d } = le(), { m: f } = re("ap-form-item"), s = m(!1), r = m(), [, x] = M(), p = b(() => o.name ? ee(o.name) ? o.name.reduce((e, a) => e == null ? void 0 : e[a], t(u)) : u == null ? void 0 : u.value[o.name] : null), c = m((F = (y = l.default) == null ? void 0 : y.call(l)) == null ? void 0 : F[0]);
-    q(
+    const t = N, r = q(), { model: u, updateModel: d } = le(), { m: f, b: x } = ae("ap-form-item"), s = m(!1), l = m(), [, V] = ee(), p = B(() => t.name ? oe(t.name) ? t.name.reduce((e, a) => e == null ? void 0 : e[a], o(u)) : u == null ? void 0 : u.value[t.name] : null), c = m((F = (y = r.default) == null ? void 0 : y.call(r)) == null ? void 0 : F[0]);
+    D(
       () => {
         var e;
-        return (e = l.default) == null ? void 0 : e.call(l);
+        return (e = r.default) == null ? void 0 : e.call(r);
       },
       (e) => {
         c.value = e == null ? void 0 : e[0];
       }
     );
-    function V(e) {
-      d == null || d(o.name, e);
+    function I(e) {
+      d == null || d(t.name, e);
     }
-    function I() {
+    function S() {
       s.value = !0;
     }
-    function S() {
+    function _() {
       s.value = !1;
     }
-    const v = b(() => {
+    const v = B(() => {
       var a, n;
-      if (!o.name)
-        return (a = l.default()) == null ? void 0 : a[0];
-      const e = t(c);
-      return e ? D(e, {
-        [o.valuePropName]: t(p),
-        [`onUpdate:${o.valuePropName}`]: V,
-        bordered: o.bordered ? !1 : (n = e == null ? void 0 : e.props) == null ? void 0 : n.bordered,
-        onFocus: I,
-        onBlur: S
+      if (!t.name)
+        return (a = r.default()) == null ? void 0 : a[0];
+      const e = o(c);
+      return e ? E(e, {
+        [t.valuePropName]: o(p),
+        [`onUpdate:${t.valuePropName}`]: I,
+        bordered: t.bordered ? !1 : (n = e == null ? void 0 : e.props) == null ? void 0 : n.bordered,
+        onFocus: S,
+        onBlur: _
       }) : null;
     });
-    function _() {
-      var e;
-      (e = r.value) == null || e.onFieldBlur();
-    }
     function z() {
       var e;
-      (e = r.value) == null || e.onFieldChange();
+      (e = l.value) == null || e.onFieldBlur();
     }
     function A() {
       var e;
-      (e = r.value) == null || e.clearValidate();
+      (e = l.value) == null || e.onFieldChange();
     }
     function R() {
       var e;
-      (e = r.value) == null || e.resetField();
+      (e = l.value) == null || e.clearValidate();
     }
     function T() {
-      return t(p);
+      var e;
+      (e = l.value) == null || e.resetField();
+    }
+    function L() {
+      return o(p);
     }
     return P({
-      onFieldBlur: _,
-      onFieldChange: z,
-      clearValidate: A,
-      resetField: R,
-      getFieldValue: T
-    }), (e, a) => (h(), C(t(Y).Item, E({
+      onFieldBlur: z,
+      onFieldChange: A,
+      clearValidate: R,
+      resetField: T,
+      getFieldValue: L
+    }), (e, a) => (h(), C(o(Z).Item, K({
       ref_key: "formItemRef",
-      ref: r
-    }, t(k)(o, [...t(oe), "tooltip"]), {
-      class: { [t(f)("bordered")]: e.bordered, [t(f)("focused")]: e.bordered && s.value },
-      colon: e.bordered ? !1 : o.colon
-    }), K({
+      ref: l
+    }, o(k)(t, [...o(te), "tooltip"]), {
+      class: {
+        [o(f)("bordered")]: e.bordered,
+        [o(f)("focused")]: e.bordered && s.value,
+        [o(x)()]: !0
+      },
+      colon: e.bordered ? !1 : t.colon
+    }), O({
       default: i(() => [
-        v.value ? (h(), C(O(v.value), { key: 0 })) : Q("", !0)
+        v.value ? (h(), C(Q(v.value), { key: 0 })) : U("", !0)
       ]),
       _: 2
     }, [
-      o.tooltip ? {
+      t.tooltip ? {
         name: "tooltip",
         fn: i(({ class: n }) => [
-          U("span", {
-            class: w(n)
+          w("span", {
+            class: G(n)
           }, [
-            g(t(Z), {
-              title: o.tooltip
+            g(o(M), {
+              title: t.tooltip
             }, {
               default: i(() => [
-                g(t(te), {
-                  style: G({ color: t(x).colorPrimary })
+                g(o(re), {
+                  style: H({ color: o(V).colorPrimary })
                 }, null, 8, ["style"])
               ]),
               _: 1
@@ -140,15 +144,15 @@ const ve = /* @__PURE__ */ $({
         ]),
         key: "0"
       } : void 0,
-      H(t(k)(l, "default"), (n, B) => ({
-        name: B,
-        fn: i((L) => [
-          J(e.$slots, B, W(X(L || {})))
+      J(o(k)(r, "default"), (n, b) => ({
+        name: b,
+        fn: i(($) => [
+          W(e.$slots, b, X(Y($ || {})))
         ])
       }))
     ]), 1040, ["class", "colon"]));
   }
 });
 export {
-  ve as default
+  ye as default
 };

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

@@ -147,7 +147,7 @@ const s = 24, Pe = /* @__PURE__ */ K({
         const v = p.props;
         return _ += v.span || r, Y(p, {
           span: v.span || r,
-          key: `ApFormSearchFormItem-${c}`,
+          key: `ApFormSearchFormItem-${c}-${Date.now()}`,
           hidden: !t.forceExpand && o(u) && _ > x
         });
       }), H = s - Math.min(x, _) - r;

package/es/src/ap-form/style/ap-form-item.css

@@ -48,3 +48,14 @@
   border-color: #66a9ff;
   box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
 }
+.aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
+  font-size: 12px;
+  line-height: 18px;
+  margin-top: 2px;
+}
+.aplus-ap-form-item .ant-col .ant-form-item-extra {
+  line-height: 22px;
+  min-height: unset;
+  margin-top: 4px;
+  margin-bottom: 12px;
+}

package/es/src/ap-modal/index.d.ts

@@ -0,0 +1,9 @@
+import { Modal as _Modal } from 'ant-design-vue';
+import { CreateModalFunc } from './type';
+
+export * from './type';
+type ApModalMixedProps = typeof _Modal & {
+    createModal: CreateModalFunc;
+};
+declare const ApModal: ApModalMixedProps;
+export { ApModal };

package/es/src/ap-modal/index.mjs

@@ -0,0 +1,10 @@
+import { Modal as r } from "ant-design-vue";
+import "./utils/index.mjs";
+import "./type.mjs";
+import { createModal as a } from "./utils/createModal.mjs";
+const o = r;
+o.createModal = a;
+o.name = "ApModal";
+export {
+  o as ApModal
+};

package/es/src/ap-modal/type.d.ts

@@ -0,0 +1,13 @@
+import { ModalProps } from 'ant-design-vue';
+
+export type CreateModalFuncProps = Omit<ModalProps, 'open' | 'onUpdate:open' | 'destroyOnClose' | 'onCancel' | 'onOk' | 'getContainer'> & Partial<{
+    onCancel: (e: MouseEvent) => void | Promise<unknown>;
+    onOk: (e: MouseEvent) => void | Promise<unknown>;
+    getContainer: HTMLElement;
+    content: any;
+}>;
+export type CreateModalFuncReturn = {
+    destroy: () => void;
+    update: (newConfig: CreateModalFuncProps) => void;
+};
+export type CreateModalFunc = (props: CreateModalFuncProps) => CreateModalFuncReturn;

package/es/src/ap-modal/type.mjs

@@ -0,0 +1 @@
+

package/es/src/ap-modal/utils/createModal.d.ts

@@ -0,0 +1,3 @@
+import { CreateModalFunc } from '../type';
+
+export declare const createModal: CreateModalFunc;

package/es/src/ap-modal/utils/createModal.mjs

@@ -0,0 +1,74 @@
+import { render as d, defineComponent as h, createVNode as m, mergeProps as f, h as u } from "vue";
+import { Modal as C } from "ant-design-vue";
+const k = (a) => {
+  let r, t;
+  function s() {
+    r && r(!1), setTimeout(() => {
+      d(null, o), i.removeChild(o);
+    }, 500);
+  }
+  function c(e) {
+    t && t(e);
+  }
+  const l = /* @__PURE__ */ h({
+    data() {
+      return {
+        open: !0,
+        props: a
+      };
+    },
+    methods: {
+      async handleCancel(e) {
+        var n, p;
+        (n = this.props) != null && n.onCancel && await ((p = this.props) == null ? void 0 : p.onCancel(e)), s();
+      },
+      async handleOk(e) {
+        var n;
+        try {
+          t({
+            confirmLoading: !0
+          }), (n = this.props) != null && n.onOk && await this.props.onOk(e), t({
+            confirmLoading: !1
+          }), s();
+        } catch {
+          t({
+            confirmLoading: !1
+          });
+        }
+      }
+    },
+    created() {
+      r = (e) => {
+        this.open = e;
+      }, t = (e) => {
+        this.props = {
+          ...this.props,
+          ...e
+        };
+      };
+    },
+    render() {
+      const {
+        ...e
+      } = this.props;
+      return delete e.onCancel, delete e.onOk, m(C, f({
+        open: this.open,
+        destroyOnClose: !0,
+        onCancel: this.handleCancel,
+        onOk: this.handleOk
+      }, e), {
+        default: () => {
+          var n;
+          return [(n = this.props) == null ? void 0 : n.content];
+        }
+      });
+    }
+  }), i = a.getContainer || document.body, o = document.createElement("div");
+  return i.appendChild(o), d(u(l), o), {
+    destroy: s,
+    update: c
+  };
+};
+export {
+  k as createModal
+};

package/es/src/ap-modal/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './createModal';

package/es/src/ap-modal/utils/index.mjs

@@ -0,0 +1,4 @@
+import { createModal as r } from "./createModal.mjs";
+export {
+  r as createModal
+};