@aplus-frontend/ui 0.5.2 → 0.5.4

package/es/index.mjs

@@ -5,7 +5,7 @@ import { configProviderProps as d } from "./src/config-provider/config-provider-
 import { DEFAULT_NAMESPACE as s, DEFAULT_UIMODE as A, configProviderContextKey as n } from "./src/config-provider/constants.mjs";
 import { keysOf as c, provideGlobalConfig as F, useGlobalConfig as I } from "./src/config-provider/hooks/use-global-config.mjs";
 import { buildLocaleContext as T, buildTranslator as S, localeContextKey as C, translate as D, useLocale as g } from "./src/config-provider/hooks/use-locale.mjs";
-import { defaultNamespace as G, namespaceContextKey as P, useGetDerivedNamespace as R, useNamespace as M } from "./src/config-provider/hooks/use-namespace.mjs";
+import { defaultNamespace as G, namespaceContextKey as E, useGetDerivedNamespace as P, useNamespace as R } from "./src/config-provider/hooks/use-namespace.mjs";
 import { ConfigProvider as L, globalConfigCached as N } from "./src/config-provider/config-provider.mjs";
 import { APConfigProvider as w } from "./src/config-provider/index.mjs";
 import { ApFormItemText as B } from "./src/ap-form/items/text/index.mjs";
@@ -31,8 +31,8 @@ import { default as Te } from "./src/ap-form/render/control.vue.mjs";
 import { default as Ce } from "./src/ap-form/render/item.vue.mjs";
 import { default as ge } from "./src/ap-form/provider/index.vue.mjs";
 import { ApField as Ge } from "./src/ap-field/index.mjs";
-import { ApFieldText as Re } from "./src/ap-field/text/index.mjs";
-import { default as Ee } from "./src/ap-field/checkbox/index.vue.mjs";
+import { ApFieldText as Pe } from "./src/ap-field/text/index.mjs";
+import { default as Me } from "./src/ap-field/checkbox/index.vue.mjs";
 import { default as Ne } from "./src/ap-field/date/index.vue.mjs";
 import { default as we } from "./src/ap-field/number/index.vue.mjs";
 import { default as Be } from "./src/ap-field/radio/index.vue.mjs";
@@ -56,8 +56,8 @@ import { default as bo } from "./src/work-order-modal/work-order-modal.vue.mjs";
 import { default as So } from "./src/ap-tag/ap-tag.vue.mjs";
 import { default as Do } from "./src/ap-tag/ap-tag-group.vue.mjs";
 import { default as ho } from "./src/ap-info-layout/ApInfoLayout.vue.mjs";
-import { NeedNameKeyDefault as Po } from "./src/ap-upload/apUploadTypes.mjs";
-import { default as Mo } from "./src/ap-upload/apUpload.vue.mjs";
+import { NeedNameKeyDefault as Eo } from "./src/ap-upload/apUploadTypes.mjs";
+import { default as Ro } from "./src/ap-upload/apUpload.vue.mjs";
 import { ApDownLoadNeedNameKeyDefault as Lo } from "./src/ap-download/interface.mjs";
 import { default as yo } from "./src/ap-download/ap-download.vue.mjs";
 import { CheckCard as vo } from "./src/check-card/index.mjs";
@@ -83,8 +83,8 @@ import { ApExportGroup as br } from "./src/business/ap-export-group/index.mjs";
 import { handleExportDownload as Sr } from "./src/business/ap-export-group/handleExportDownload.mjs";
 import { convertExportField as Dr } from "./src/business/ap-export-group/convertExportField.mjs";
 import { ApImage as hr } from "./src/business/ap-image/index.mjs";
-import { ApInputRadio as Pr } from "./src/business/ap-input-radio/index.mjs";
-import { ApLabel as Mr, ApLabelGroup as Er } from "./src/business/ap-label/index.mjs";
+import { ApInputRadio as Er } from "./src/business/ap-input-radio/index.mjs";
+import { ApLabel as Rr, ApLabelGroup as Mr } from "./src/business/ap-label/index.mjs";
 import { locales as Nr } from "./src/business/ap-ladder/interface.mjs";
 import { ApLadder as wr } from "./src/business/ap-ladder/index.mjs";
 import { ApSelectLayout as Br } from "./src/business/ap-select-layout/index.mjs";
@@ -107,19 +107,21 @@ import { default as Tt } from "./src/editable-table/index.vue.mjs";
 import { default as Ct } from "./src/editable-table/form-item.vue.mjs";
 import { default as gt } from "./src/ap-descriptions/ap-descriptions.vue.mjs";
 import { ensureRangeValue as Gt } from "./src/scroll-bar/utils/index.mjs";
-import { default as Rt } from "./src/scroll-bar/index.vue.mjs";
-import { default as Et } from "./src/scroll-bar/internal.vue.mjs";
+import { default as Pt } from "./src/scroll-bar/index.vue.mjs";
+import { default as Mt } from "./src/scroll-bar/internal.vue.mjs";
 import { default as Nt } from "./src/scroll-view/index.vue.mjs";
 import { default as wt } from "./src/portal/index.vue.mjs";
 import { default as Bt } from "./src/full-screen/index.vue.mjs";
 import { default as Kt } from "./src/resize-observer/index.vue.mjs";
 import { default as Ut } from "./src/ap-grid/index.vue.mjs";
-import { useMessage as Vt } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as _t } from "./src/hooks/useControllableValue.mjs";
-import { useManualRef as $t } from "./src/hooks/useManualRef.mjs";
-import { useThrottleRef as qt } from "./src/hooks/useThrottleRef.mjs";
-import { useFullScreen as Qt } from "./src/hooks/useFullScreen.mjs";
-import { useResize as Yt } from "./src/hooks/useResize.mjs";
+import { default as Vt } from "./src/ap-grid/editable/index.vue.mjs";
+import { default as _t } from "./src/ap-grid/editable/form-item.vue.mjs";
+import { useMessage as $t } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as qt } from "./src/hooks/useControllableValue.mjs";
+import { useManualRef as Qt } from "./src/hooks/useManualRef.mjs";
+import { useThrottleRef as Yt } from "./src/hooks/useThrottleRef.mjs";
+import { useFullScreen as ep } from "./src/hooks/useFullScreen.mjs";
+import { useResize as rp } from "./src/hooks/useResize.mjs";
 const a = {
   install: (r) => {
     for (const t in o) {
@@ -153,7 +155,7 @@ export {
   Fr as ApExportGroupActionType,
   pt as ApExtensionSelect,
   Ge as ApField,
-  Ee as ApFieldCheckbox,
+  Me as ApFieldCheckbox,
   Ne as ApFieldDate,
   Ve as ApFieldDateRange,
   we as ApFieldNumber,
@@ -164,7 +166,7 @@ export {
   _e as ApFieldSelect,
   qe as ApFieldSlider,
   Ke as ApFieldSwitch,
-  Re as ApFieldText,
+  Pe as ApFieldText,
   Ue as ApFieldTextArea,
   re as ApForm,
   Te as ApFormControlRender,
@@ -193,9 +195,9 @@ export {
   at as ApGroupSearch,
   hr as ApImage,
   ho as ApInfoLayout,
-  Pr as ApInputRadio,
-  Mr as ApLabel,
-  Er as ApLabelGroup,
+  Er as ApInputRadio,
+  Rr as ApLabel,
+  Mr as ApLabelGroup,
   wr as ApLadder,
   zo as ApList,
   Oo as ApModal,
@@ -212,7 +214,7 @@ export {
   Do as ApTagGroup,
   zr as ApTitle,
   Xo as ApTransformDataHelper,
-  Mo as ApUpload,
+  Ro as ApUpload,
   lt as ApUploadSingle,
   dt as BatchInputGroup,
   vo as CheckCard,
@@ -221,14 +223,16 @@ export {
   s as DEFAULT_NAMESPACE,
   A as DEFAULT_UIMODE,
   no as DictCode,
+  Vt as EditableGrid,
+  _t as EditableGridFormItem,
   Tt as EditableTable,
   Ct as EditableTableFormItem,
   Bt as FullScreen,
-  Et as InternalScrollBar,
-  Po as NeedNameKeyDefault,
+  Mt as InternalScrollBar,
+  Eo as NeedNameKeyDefault,
   wt as Portal,
   Kt as ResizeObserver,
-  Rt as ScrollBar,
+  Pt as ScrollBar,
   Nt as ScrollView,
   bo as WorkOrderModal,
   eo as adminToken,
@@ -252,23 +256,23 @@ export {
   io as langMap,
   C as localeContextKey,
   Nr as locales,
-  P as namespaceContextKey,
+  E as namespaceContextKey,
   l as pathMap,
   F as provideGlobalConfig,
   D as translate,
-  _t as useControllableValue,
-  Qt as useFullScreen,
-  R as useGetDerivedNamespace,
+  qt as useControllableValue,
+  ep as useFullScreen,
+  P as useGetDerivedNamespace,
   I as useGlobalConfig,
   g as useLocale,
-  $t as useManualRef,
-  Vt as useMessage,
-  M as useNamespace,
+  Qt as useManualRef,
+  $t as useMessage,
+  R as useNamespace,
   Wr as usePageListApTable,
-  Yt as useResize,
+  rp as useResize,
   or as useTableModal,
   ct as useTablePaging,
   Hr as useTableRefresh,
   tr as useTableSelectModal,
-  qt as useThrottleRef
+  Yt as useThrottleRef
 };

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

@@ -1,13 +1,13 @@
-import { isVNode as v, defineComponent as B, ref as g, useSlots as h, computed as b, createVNode as d, mergeProps as C, unref as u, Fragment as S, createBlock as _, openBlock as R, resolveDynamicComponent as w } from "vue";
-import { Input as T } from "@aplus-frontend/antdv";
+import { isVNode as v, defineComponent as B, ref as h, useSlots as b, computed as g, createVNode as d, mergeProps as C, unref as u, createBlock as S, openBlock as _, resolveDynamicComponent as R } from "vue";
+import { Input as w } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { omit as V } from "lodash-unified";
-import { useDefaultPlaceholder as j } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
+import { omit as T } from "lodash-unified";
+import { useDefaultPlaceholder as V } from "../hooks/use-default-placeholder.mjs";
+import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
 function I(l) {
   return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !v(l);
 }
-const K = /* @__PURE__ */ B({
+const E = /* @__PURE__ */ B({
   name: "ApFieldText",
   __name: "index",
   props: {
@@ -95,7 +95,7 @@ const K = /* @__PURE__ */ B({
     expose: i,
     emit: c
   }) {
-    const a = g(), o = h();
+    const a = h(), o = b();
     i({
       focus: (e) => {
         var t;
@@ -113,7 +113,7 @@ const K = /* @__PURE__ */ B({
         var e;
         (e = a.value) == null || e.select();
       },
-      input: b(() => {
+      input: g(() => {
         var e;
         return (e = a.value) == null ? void 0 : e.input;
       })
@@ -121,21 +121,21 @@ const K = /* @__PURE__ */ B({
     const f = c, n = l, {
       value: r,
       updateValue: s
-    } = F(n, f), m = j("Text", n);
+    } = j(n, f), m = V("Text", n);
     function y() {
       var e, t;
-      return n.mode === "edit" ? d(T, C(V(n, ["mode", "emptyText", "value", "onUpdate:value"]), {
+      return n.mode === "edit" ? d(w, C(T(n, ["mode", "emptyText", "value", "onUpdate:value"]), {
         placeholder: u(m),
         value: u(r),
         "onUpdate:value": s,
         ref: a
       }), I(o) ? o : {
         default: () => [o]
-      }) : d(S, null, [n.prefix || ((e = o == null ? void 0 : o.prefix) == null ? void 0 : e.call(o)), u(r) || n.emptyText, n.suffix || ((t = o == null ? void 0 : o.suffix) == null ? void 0 : t.call(o))]);
+      }) : d("span", null, [n.prefix || ((e = o == null ? void 0 : o.prefix) == null ? void 0 : e.call(o)), u(r) || n.emptyText, n.suffix || ((t = o == null ? void 0 : o.suffix) == null ? void 0 : t.call(o))]);
     }
-    return (e, t) => (R(), _(w(y())));
+    return (e, t) => (_(), S(R(y())));
   }
 });
 export {
-  K as default
+  E as default
 };

package/es/src/ap-grid/editable/form-item.vue.d.ts

@@ -0,0 +1,16 @@
+import { EditableGridFormItemExpose, EditableGridFormItemProps } from './interface';
+import { Recordable } from '../../type';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & EditableGridFormItemProps<RecordType> & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<EditableGridFormItemExpose>): void;
+    attrs: any;
+    slots: Readonly<Record<string, any>> & Record<string, any>;
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,257 @@
+import { defineComponent as A, useSlots as P, toRef as H, ref as y, unref as r, watch as W, nextTick as G, createBlock as K, openBlock as M, mergeProps as g, withCtx as C, createVNode as U, createSlots as $, renderList as q, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
+import { ApForm as w } from "../../ap-form/index.mjs";
+import { isArray as Y, isNumber as f, cloneDeep as d, omit as Z } from "lodash-unified";
+import "../../config-provider/index.mjs";
+import { isDef as m } from "../../utils/index.mjs";
+import { useGetEditableColumns as I } from "../hooks/use-editable-columns.mjs";
+import "../index.vue2.mjs";
+import { useInjectForm as ee } from "../../ap-form/context.mjs";
+import { useNamespace as oe } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as te } from "../../config-provider/hooks/use-global-config.mjs";
+import ae from "../index.vue.mjs";
+const he = /* @__PURE__ */ A({
+  name: "EditableGrid",
+  __name: "form-item",
+  props: {
+    dropdownPrefixCls: {},
+    loading: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    bordered: {
+      type: Boolean,
+      default: !1
+    },
+    locale: {},
+    onResizeColumn: {},
+    getPopupContainer: {},
+    scroll: {},
+    sortDirections: {
+      default: () => ["ascend", "descend"]
+    },
+    showSorterTooltip: {
+      type: [Boolean, Object],
+      default: !0
+    },
+    prefixCls: {},
+    tableLayout: {
+      default: "fixed"
+    },
+    title: {},
+    id: {},
+    showHeader: {
+      type: Boolean,
+      default: !0
+    },
+    components: {},
+    customRow: {},
+    customHeaderRow: {},
+    direction: {},
+    expandFixed: {
+      type: [String, Boolean],
+      default: !1
+    },
+    expandColumnWidth: {},
+    expandedRowKeys: {},
+    defaultExpandedRowKeys: {},
+    expandedRowRender: {},
+    expandRowByClick: {
+      type: Boolean,
+      default: !1
+    },
+    expandIcon: {},
+    onExpand: {},
+    onExpandedRowsChange: {},
+    defaultExpandAllRows: {
+      type: Boolean,
+      default: !1
+    },
+    indentSize: {
+      default: 15
+    },
+    expandIconColumnIndex: {},
+    showExpandColumn: {
+      type: Boolean,
+      default: !0
+    },
+    expandedRowClassName: {},
+    childrenColumnName: {
+      default: "children"
+    },
+    rowExpandable: {},
+    sticky: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    transformCellText: {},
+    rowClassName: {},
+    stripe: {
+      type: Boolean
+    },
+    headerRowClassName: {},
+    footerRowClassName: {},
+    cellClassName: {},
+    headerCellClassName: {},
+    footerCellClassName: {},
+    rowStyle: {},
+    headerRowStyle: {},
+    footerRowStyle: {},
+    cellStyle: {},
+    headerCellStyle: {},
+    footerCellStyle: {},
+    height: {},
+    minHeight: {},
+    maxHeight: {},
+    mergeCells: {},
+    mergeFooterItems: {},
+    cellConfig: {},
+    rowSelection: {
+      type: Boolean,
+      default: void 0
+    },
+    onLoadingChange: {},
+    pagination: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    searchFormWrapperStyle: {},
+    tableWrapperStyle: {},
+    wrapperStyle: {},
+    size: {
+      default: "medium"
+    },
+    adaptive: {
+      type: Boolean,
+      default: !1
+    },
+    columnResizable: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    rowKey: {
+      default: "key"
+    },
+    footer: {},
+    virtual: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    expandable: {},
+    value: {},
+    columns: {},
+    defaultValue: {},
+    "onUpdate:value": {},
+    onChange: {},
+    maxLength: {},
+    onFieldChange: {},
+    label: {},
+    name: {},
+    formItem: {
+      default: () => ({})
+    }
+  },
+  setup(x, {
+    expose: b
+  }) {
+    const R = P(), a = x, {
+      b: B
+    } = oe("editable-grid");
+    function S(e, o) {
+      return Y(o) ? o.reduce((n, l) => n == null ? void 0 : n[l], e) : e == null ? void 0 : e[o];
+    }
+    const {
+      internalInstance: t,
+      model: F
+    } = ee(), i = H(a.name), u = y(S(r(F), i.value) || []), N = w.useWatch(i);
+    W(() => N.value, async (e) => {
+      var o;
+      await G(), u.value = e, (o = a.onChange) == null || o.call(a, e);
+    }, {
+      deep: !0
+    });
+    const p = y(), v = te("valueTypeMap"), D = I(a, v);
+    function L(e, o) {
+      var s;
+      const n = ((s = r(u)) == null ? void 0 : s.length) || 0;
+      if (m(a.maxLength) && n >= a.maxLength)
+        return;
+      const l = [...r(u) || []];
+      m(o) ? l.splice(o, 0, {
+        ...e || {}
+      }) : l.push({
+        ...e || {}
+      }), t == null || t.setFieldValue(a.name, l);
+    }
+    function V(e, o = "suffix") {
+      var h;
+      const n = ((h = r(u)) == null ? void 0 : h.length) || 0, l = f(e) ? e : e.length;
+      if (m(a.maxLength) && n + l > a.maxLength)
+        return;
+      const s = [...r(u) || []], c = f(e) ? new Array(e).fill(0).map(() => ({})) : d(e);
+      o === "suffix" ? s.push(...c) : s.unshift(...c), t == null || t.setFieldValue(a.name, s);
+    }
+    function _(e) {
+      let o = d(r(u) || []);
+      const n = f(e) ? [e] : e;
+      o = o.filter((l, s) => !n.includes(s)), t == null || t.setFieldValue(a.name, o);
+    }
+    function E() {
+      return r(u);
+    }
+    function T(e) {
+      var o;
+      return (o = r(u)) == null ? void 0 : o[e];
+    }
+    function j(e, o, n = !0) {
+      const l = d(r(u));
+      l[e] && (l[e] = {
+        ...n ? l[e] : {},
+        ...o
+      }, t == null || t.setFieldValue(a.name, [...l]));
+    }
+    function k(e) {
+      t == null || t.setFieldValue(a.name, e);
+    }
+    function O(e) {
+      var n;
+      const o = e === "end" ? u.value.length - 1 : e;
+      (n = p.value) == null || n.scrollToRow(o);
+    }
+    function z() {
+      var e;
+      (e = t == null ? void 0 : t.setFieldValue) == null || e.call(t, a.name, []);
+    }
+    return b({
+      add: L,
+      remove: _,
+      getRowData: T,
+      getRowsData: E,
+      setRowData: j,
+      addMultiple: V,
+      scrollTo: O,
+      setTableData: k,
+      clear: z
+    }), (e, o) => (M(), K(r(w).FormItem, g(e.formItem, {
+      name: e.name,
+      label: e.label
+    }), {
+      default: C(() => [U(ae, g(r(Z)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "formItem"]), {
+        ref_key: "tableRef",
+        ref: p,
+        class: r(B)(),
+        columns: r(D),
+        "data-source": r(d)(u.value),
+        "search-form": !1
+      }), $({
+        _: 2
+      }, [q(R, (n, l) => ({
+        name: l,
+        fn: C((s) => [J(e.$slots, l, Q(X(s || {})))])
+      }))]), 1040, ["class", "columns", "data-source"])]),
+      _: 3
+    }, 16, ["name", "label"]));
+  }
+});
+export {
+  he as default
+};

package/es/src/ap-grid/editable/form-item.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./form-item.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-grid/editable/index.vue.d.ts

@@ -0,0 +1,18 @@
+import { EditableGridExpose, EditableGridProps } from './interface';
+import { Recordable } from '../../type';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:value"> & EditableGridProps<RecordType> & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<EditableGridExpose>): void;
+    attrs: any;
+    slots: Readonly<Record<string, any>> & Record<string, any>;
+    emit: (event: "update:value", ...args: any[]) => void;
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};