@aplus-frontend/ui 0.0.18 → 0.0.19

package/es/index.mjs

@@ -9,7 +9,7 @@ import { defaultNamespace as R, namespaceContextKey as h, useGetDerivedNamespace
 import { ConfigProvider as w } from "./src/config-provider/config-provider.mjs";
 import { APConfigProvider as G } from "./src/config-provider/index.mjs";
 import { Scrollbar as y } from "./src/scroll-bar/index.mjs";
-import { CollapseContainer as E, ScrollContainer as X } from "./src/container/index.mjs";
+import { CollapseContainer as L, ScrollContainer as X } from "./src/container/index.mjs";
 import { IconPicker as Y } from "./src/icon-picker/index.mjs";
 import { default as H } from "./src/locale/lang/zh-cn.mjs";
 import { default as z } from "./src/locale/lang/en.mjs";
@@ -28,7 +28,7 @@ import { default as Me } from "./src/pro-form/components/api-select.vue.mjs";
 import { default as we } from "./src/pro-form/components/api-transfer.vue.mjs";
 import { default as Ge } from "./src/pro-form/components/api-tree.vue.mjs";
 import { default as ye } from "./src/pro-form/components/radio-button-group.vue.mjs";
-import { default as Ee } from "./src/pro-form/pro-form.vue.mjs";
+import { default as Le } from "./src/pro-form/pro-form.vue.mjs";
 import { default as Ke } from "./src/pro-form/components/api-tree-select.vue.mjs";
 import { default as Oe } from "./src/pro-form/table-form.vue.mjs";
 import { default as We } from "./src/pro-form/table-form-inner.vue.mjs";
@@ -53,7 +53,7 @@ import { default as Mo } from "./src/ap-form/items/text-area/index.vue.mjs";
 import { default as wo } from "./src/ap-form/items/number/index.vue.mjs";
 import { default as Go } from "./src/ap-form/items/date/index.vue.mjs";
 import { default as yo } from "./src/ap-form/items/date-range/index.vue.mjs";
-import { default as Eo } from "./src/ap-form/items/radio/index.vue.mjs";
+import { default as Lo } from "./src/ap-form/items/radio/index.vue.mjs";
 import { default as Ko } from "./src/ap-form/items/select/index.vue.mjs";
 import { default as Oo } from "./src/ap-form/items/switch/index.vue.mjs";
 import { default as Wo } from "./src/ap-form/items/checkbox/index.vue.mjs";
@@ -79,7 +79,7 @@ import { default as hr } from "./src/ap-field/slider/index.vue.mjs";
 import { default as Mr } from "./src/ap-field/segmented/index.vue.mjs";
 import { default as wr } from "./src/ap-field/rate/index.vue.mjs";
 import { adminToken as Gr, aplusToken as Nr } from "./src/design-token/index.mjs";
-import { ApActionItem as Lr } from "./src/ap-action/index.mjs";
+import { ApActionItem as Er } from "./src/ap-action/index.mjs";
 import { default as Xr } from "./src/ap-action/item-modal/index.vue.mjs";
 import { default as Yr } from "./src/ap-action/item-popconfirm/index.vue.mjs";
 import { default as Hr } from "./src/ap-action/item-dropdown/index.vue.mjs";
@@ -99,13 +99,14 @@ import { default as ut } from "./src/ap-upload/apUpload.vue.mjs";
 import { default as ct } from "./src/ap-download/ap-download.vue.mjs";
 import { CheckCard as Tt } from "./src/check-card/index.mjs";
 import { default as St } from "./src/check-card/group.vue.mjs";
-import { ApLabel as bt, ApTitle as gt } from "./src/business/index.mjs";
-import { useTablePaging as Dt } from "./src/ap-table/hooks/use-table-paging.mjs";
-import { default as ht } from "./src/ap-table/ap-table.vue.mjs";
-import { default as Mt } from "./src/editable-table/index.vue.mjs";
-import { default as wt } from "./src/editable-table/form-item.vue.mjs";
-import { useMessage as Gt } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as yt } from "./src/hooks/useControllableValue.mjs";
+import { ApModal as bt } from "./src/ap-modal/index.mjs";
+import { ApExpandAlert as Pt, ApLabel as Dt, ApTitle as Rt } from "./src/business/index.mjs";
+import { useTablePaging as vt } from "./src/ap-table/hooks/use-table-paging.mjs";
+import { default as kt } from "./src/ap-table/ap-table.vue.mjs";
+import { default as Bt } from "./src/editable-table/index.vue.mjs";
+import { default as Nt } from "./src/editable-table/form-item.vue.mjs";
+import { useMessage as Et } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as Xt } from "./src/hooks/useControllableValue.mjs";
 const p = {
   install: (r) => {
     for (const t in o) {
@@ -117,13 +118,14 @@ const p = {
 export {
   G as APConfigProvider,
   zr as ApActionGroup,
-  Lr as ApActionItem,
+  Er as ApActionItem,
   Hr as ApActionItemDropdown,
   Xr as ApActionItemModal,
   Yr as ApActionItemPopconfirm,
   Jr as ApCustomColumn,
   Zr as ApCustomSelect,
   ct as ApDownload,
+  Pt as ApExpandAlert,
   pr as ApField,
   sr as ApFieldCheckbox,
   xr as ApFieldDate,
@@ -145,7 +147,7 @@ export {
   yo as ApFormItemDateRange,
   Qo as ApFormItemGroup,
   wo as ApFormItemNumber,
-  Eo as ApFormItemRadio,
+  Lo as ApFormItemRadio,
   Ko as ApFormItemSelect,
   Oo as ApFormItemSwitch,
   ho as ApFormItemText,
@@ -155,11 +157,12 @@ export {
   tr as ApFormModalForm,
   or as ApFormSearchForm,
   dt as ApInfoLayout,
-  bt as ApLabel,
-  ht as ApTable,
+  Dt as ApLabel,
+  bt as ApModal,
+  kt as ApTable,
   ft as ApTag,
   lt as ApTagGroup,
-  gt as ApTitle,
+  Rt as ApTitle,
   ut as ApUpload,
   De as ApiCascader,
   he as ApiRadioGroup,
@@ -174,7 +177,7 @@ export {
   j as BasicTitle,
   Tt as CheckCard,
   St as CheckCardGroup,
-  E as CollapseContainer,
+  L as CollapseContainer,
   J as CollapseTransition,
   w as ConfigProvider,
   so as CountdownButton,
@@ -185,8 +188,8 @@ export {
   et as DictCode,
   Ao as Dropdown,
   Io as EditTableHeaderIcon,
-  Mt as EditableTable,
-  wt as EditableTableFormItem,
+  Bt as EditableTable,
+  Nt as EditableTableFormItem,
   Z as ExpandTransition,
   _ as ExpandXTransition,
   ee as FadeTransition,
@@ -196,7 +199,7 @@ export {
   Ue as ModalButton,
   it as NeedNameKeyDefault,
   $e as PopConfirmButton,
-  Ee as ProForm,
+  Le as ProForm,
   Fo as ProTable,
   Oe as ProTableForm,
   We as ProTableFormInner,
@@ -240,18 +243,18 @@ export {
   g as translate,
   jr as useCacheColumnSetting,
   ce as useComponentRegister,
-  yt as useControllableValue,
+  Xt as useControllableValue,
   ie as useDescription,
   Te as useForm,
   v as useGetDerivedNamespace,
   T as useGlobalConfig,
   P as useLocale,
-  Gt as useMessage,
+  Et as useMessage,
   oo as useModal,
   _e as useModalContext,
   ro as useModalInner,
   M as useNamespace,
   Do as useTable,
-  Dt as useTablePaging,
+  vt as useTablePaging,
   H as zhCn
 };

package/es/src/ap-field/date/index.vue.d.ts

@@ -1,6 +1,8 @@
 import { default as dayjs } from 'dayjs';
 import { ApFieldDateProps, FieldMode } from '../interface';
+import { ApFormatPresetType } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNode, RendererNode, RendererElement, PropType } from 'vue';
+import { LiteralUnion } from '../../type';
 import { SharedTimeProps } from 'ant-design-vue/es/vc-picker/panels/TimePanel';
 
 type ApFieldDataSlots = {
@@ -84,7 +86,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     }> | null;
     allowClear: boolean;
     defaultOpen: boolean;
-    format: string;
+    format: LiteralUnion<ApFormatPresetType, string>;
     inputReadOnly: boolean;
     showToday: boolean;
     showTime: boolean | SharedTimeProps<dayjs.Dayjs>;

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

@@ -1,7 +1,7 @@
 import { ApFieldDateRangeProps, FieldMode } from '../interface';
-import { default as dayjs } from 'dayjs';
+import { ApFormatPresetType } from '../date/interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNode, RendererNode, RendererElement, PropType } from 'vue';
-import { CustomFormat } from 'ant-design-vue/es/vc-picker/interface';
+import { LiteralUnion } from '../../type';
 
 type ApFieldDateRangeSlots = {
     suffixIcon?: any;
@@ -96,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null;
-    format: (string | CustomFormat<dayjs.Dayjs> | (string | CustomFormat<dayjs.Dayjs>)[]) & string;
+    format: LiteralUnion<ApFormatPresetType, string>;
     inputReadOnly: boolean;
     emptyText: string;
 }, {}>, Readonly<ApFieldDateRangeSlots> & ApFieldDateRangeSlots>;

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

@@ -47,7 +47,6 @@ const fe = /* @__PURE__ */ x({
     open: { type: Boolean, default: void 0 },
     defaultOpen: { type: Boolean, default: void 0 },
     inputReadOnly: { type: Boolean, default: void 0 },
-    format: { default: "Y-D" },
     suffixIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
     clearIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
     getPopupContainer: {},
@@ -85,6 +84,7 @@ const fe = /* @__PURE__ */ x({
     defaultValue: {},
     onChange: {},
     onOk: {},
+    format: { default: "Y-D" },
     timezone: {}
   },
   emits: ["update:value"],

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

@@ -82,7 +82,7 @@ export type ApFieldTextAreaExpose = {
     blur: () => void;
     resizableTextArea: any;
 };
-export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode'>> & {
+export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode' | 'format'>> & {
     emptyText?: string;
     value?: RangeValue<number> | null;
     defaultValue?: RangeValue<number>;

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
+};