@aplus-frontend/ui 7.15.8 → 7.17.0

package/es/src/ag-grid/interface.d.ts

@@ -1,6 +1,6 @@
 import { TableProps } from '@aplus-frontend/antdv';
 import { SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
-import { ColDef, GridApi, ICellRendererParams, IRowNode, IsFullWidthRowParams, RedrawRowsParams, RefreshCellsParams, RowClassRules, RowHeightParams, RowPinnedType, ScrollDirection, ThemeDefaultParams } from 'ag-grid-community';
+import { AgColumn, ColDef, GridApi, ICellRendererParams, IRowNode, IsFullWidthRowParams, RedrawRowsParams, RefreshCellsParams, RowClassRules, RowHeightParams, RowPinnedType, ScrollDirection, ThemeDefaultParams } from 'ag-grid-community';
 import { ComputedRef, CSSProperties, VNode } from 'vue';
 import { ApFormSearchFormPopoverSorterItem, ApFormSearchFormProps } from '../ap-form/interface';
 import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
@@ -89,6 +89,10 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
     width?: number;
     minWidth?: number;
     maxWidth?: number;
+    /**
+     * @since 7.16.0
+     */
+    flex?: number;
     colSpan?: ColDef<RecordType>['colSpan'];
     spanRows?: ColDef<RecordType>['spanRows'];
     /**
@@ -122,6 +126,17 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
      * @private 仅限内部使用，请勿传递
      */
     _path?: (string | number)[];
+    /**
+     * 作为子列时的显示策略
+     * open: 仅展开时显示
+     * closed: 仅关闭时显示
+     * null,undefined: 总是显示
+     */
+    columnGroupShow?: 'open' | 'closed';
+    /**
+     * 是否锁定固定（设置后不可以通过表格设置修改其固定属性）
+     */
+    lockFixed?: boolean;
 } : null;
 export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>, 'type' | 'fixed' | 'columnWidth' | 'defaultSelectedRowKeys'> & {
     /**
@@ -500,4 +515,8 @@ export type AgGridSlots<RecordType> = {
         shownColumns: AgGridColumnType<RecordType>[];
         clearAll: () => void;
     }) => any;
+    headerCell?: (props: {
+        title: any;
+        column: Omit<AgColumn, keyof AgGridColumnType> & AgGridColumnType;
+    }) => void;
 };

package/es/src/ag-grid/style/custom-header.mjs

@@ -1,8 +1,8 @@
 import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
-const t = (e) => {
-  const { componentCls: r } = e;
+const n = (r) => {
+  const { componentCls: e } = r;
   return {
-    [r]: {
+    [e]: {
       display: "flex",
       flexDirection: "row",
       flexWrap: "nowrap",
@@ -17,31 +17,40 @@ const t = (e) => {
       "&.align-right": {
         justifyContent: "end"
       },
-      [`${r}__sort-wrapper`]: {
+      [`${e}__sort-wrapper`]: {
         display: "inline-flex",
         flexDirection: "column",
         alignItems: "center",
         color: "rgba(0, 0, 0, 0.3)",
-        marginInlineStart: e.spaceXS,
+        marginInlineStart: r.spaceXS,
         "&:hover": {
           color: "rgba(0, 0, 0, 0.6)"
         }
       },
-      [`${r}__sorter-up.active`]: {
-        color: e.colorPrimary
+      [`${e}__expand-wrapper`]: {
+        padding: r.spaceXS,
+        cursor: "pointer",
+        display: "flex",
+        borderRadius: r.borderRadiusXS,
+        "&:hover": {
+          background: r.colorBg1
+        }
+      },
+      [`${e}__sorter-up.active`]: {
+        color: r.colorPrimary
       },
-      [`${r}__sorter-down`]: {
+      [`${e}__sorter-down`]: {
         marginTop: "-0.3em",
         "&.active": {
-          color: e.colorPrimary
+          color: r.colorPrimary
         }
       }
     }
   };
-}, l = o("AgGrid.CustomHeader", (e) => [
-  t(e)
+}, a = o("AgGrid.CustomHeader", (r) => [
+  n(r)
 ]);
 export {
-  l as default,
-  t as genAgGridCustomHeaderCellStyle
+  a as default,
+  n as genAgGridCustomHeaderCellStyle
 };

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

@@ -0,0 +1,60 @@
+import { ApFieldCascaderProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefaultOptionType } from '@aplus-frontend/antdv/es/select';
+import { FieldMode } from '..';
+import { ShowSearchType, DefaultOptionType } from '@aplus-frontend/antdv/es/vc-cascader';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        displayRender?: any;
+        notFoundContent?: any;
+        expandIcon?: any;
+        suffixIcon?: any;
+        clearIcon?: any;
+        menuItemSelectedIcon?: any;
+        tagRender?: any;
+        maxTagPlaceholder?: any;
+        default?: any;
+        optionRender?: any;
+    }> & {
+        displayRender?: any;
+        notFoundContent?: any;
+        expandIcon?: any;
+        suffixIcon?: any;
+        clearIcon?: any;
+        menuItemSelectedIcon?: any;
+        tagRender?: any;
+        maxTagPlaceholder?: any;
+        default?: any;
+        optionRender?: any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ApFieldCascaderProps, {
+    blur: () => void;
+    focus: () => void;
+    request: (selectOptions?: DefaultOptionType[] | undefined, clear?: boolean) => Promise<void>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly<ApFieldCascaderProps> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: FieldMode;
+    open: boolean;
+    multiple: boolean;
+    bordered: boolean;
+    allowClear: boolean;
+    showSearch: boolean | ShowSearchType<DefaultOptionType>;
+    defaultOpen: boolean;
+    emptyText: string;
+    popupVisible: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,217 @@
+import { isVNode as O, defineComponent as j, useSlots as z, ref as F, computed as L, unref as e, createVNode as u, Fragment as C, resolveComponent as M, createBlock as b, openBlock as w, resolveDynamicComponent as A, mergeProps as U, createSlots as K, renderList as q, withCtx as S, renderSlot as E, normalizeProps as W, guardReactiveProps as $ } from "vue";
+import { Space as G, Cascader as H } from "@aplus-frontend/antdv";
+import { isArray as J, omit as Q } from "lodash-unified";
+import "../../hooks/index.mjs";
+import { useDefaultPlaceholder as X } from "../hooks/use-default-placeholder.mjs";
+import { useOptions as Y } from "./use-options.mjs";
+import { useControllableValue as Z } from "../../hooks/useControllableValue.mjs";
+function ee(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !O(t);
+}
+const ue = /* @__PURE__ */ j({
+  name: "ApFieldCascader",
+  __name: "index",
+  props: {
+    mode: {
+      default: "edit"
+    },
+    class: {},
+    style: {},
+    multiple: {
+      type: Boolean,
+      default: void 0
+    },
+    size: {},
+    bordered: {
+      type: Boolean,
+      default: !0
+    },
+    placement: {},
+    suffixIcon: {},
+    status: {},
+    options: {},
+    popupClassName: {},
+    dropdownClassName: {},
+    "onUpdate:value": {},
+    variant: {},
+    value: {},
+    children: {},
+    onMouseenter: {},
+    onMouseleave: {},
+    tabindex: {},
+    onClick: {},
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onKeydown: {},
+    onKeyup: {},
+    onMousedown: {},
+    open: {
+      type: Boolean,
+      default: void 0
+    },
+    animation: {},
+    direction: {},
+    disabled: {
+      type: Boolean
+    },
+    prefixCls: {},
+    id: {},
+    autofocus: {
+      type: Boolean
+    },
+    getPopupContainer: {},
+    dropdownMatchSelectWidth: {
+      type: [Number, Boolean]
+    },
+    placeholder: {},
+    loading: {
+      type: Boolean
+    },
+    defaultValue: {},
+    prefix: {},
+    clearIcon: {},
+    allowClear: {
+      type: Boolean,
+      default: !0
+    },
+    getInputElement: {},
+    getRawInputElement: {},
+    fieldNames: {},
+    searchValue: {},
+    onSearch: {},
+    maxCount: {},
+    showSearch: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    tagRender: {},
+    optionLabelRender: {},
+    notFoundContent: {},
+    onClear: {},
+    choiceTransitionName: {},
+    defaultOpen: {
+      type: Boolean,
+      default: void 0
+    },
+    onDropdownVisibleChange: {},
+    maxTagTextLength: {},
+    maxTagCount: {},
+    maxTagPlaceholder: {},
+    removeIcon: {},
+    transitionName: {},
+    dropdownStyle: {},
+    dropdownRender: {},
+    dropdownAlign: {},
+    showAction: {},
+    onPopupScroll: {},
+    onInputKeyDown: {},
+    onPopupVisibleChange: {},
+    popupStyle: {},
+    popupPlacement: {},
+    popupVisible: {
+      type: Boolean,
+      default: void 0
+    },
+    expandIcon: {},
+    changeOnSelect: {
+      type: Boolean
+    },
+    displayRender: {},
+    showCheckedStrategy: {},
+    expandTrigger: {},
+    dropdownPrefixCls: {},
+    dropdownMenuColumnStyle: {},
+    loadingIcon: {},
+    emptyText: {
+      default: "--"
+    },
+    request: {},
+    lazy: {
+      type: Boolean
+    },
+    params: {},
+    loadData: {
+      type: Boolean
+    }
+  },
+  emits: ["update:value"],
+  setup(t, {
+    expose: x,
+    emit: B
+  }) {
+    const o = t, N = z(), T = B, f = F(), {
+      value: m,
+      updateValue: P
+    } = Z(o, T), V = X("Cascader", o), {
+      options: y,
+      request: h,
+      loading: g
+    } = Y(o), _ = L(() => {
+      let n;
+      const a = e(m);
+      if (!a.length)
+        return u(C, null, [o.emptyText]);
+      const l = [], v = o.fieldNames?.label || "label", s = o.fieldNames?.value || "value";
+      function i(r, d) {
+        const p = [];
+        for (const c of r) {
+          if (d.find((R) => R === c[s]) && p.push(c[v]), p.length === d.length)
+            return p;
+          c.children?.length && p.push(...i(c.children, d));
+        }
+        return p;
+      }
+      const D = J(a[0]) ? a : [a];
+      for (const r of D)
+        l.push(i(y.value, r));
+      return l.length ? u(G, {
+        size: 4
+      }, ee(n = l.map((r, d) => u("span", {
+        key: d
+      }, [r.join(", ")]))) ? n : {
+        default: () => [n]
+      }) : u(C, null, [o.emptyText]);
+    });
+    function k() {
+      f.value?.focus?.();
+    }
+    function I() {
+      f.value?.blur?.();
+    }
+    return x({
+      focus: k,
+      blur: I,
+      request: h
+    }), (n, a) => {
+      const l = M("Spin");
+      return n.mode === "read" ? (w(), b(A(_.value), {
+        key: 0
+      })) : (w(), b(e(H), U({
+        key: 1
+      }, e(Q)(o, ["onUpdate:value", "value", "options", "loadData"]), {
+        ref: f.value,
+        value: e(m),
+        loading: e(g),
+        options: e(y),
+        placeholder: e(V),
+        "load-data": n.loadData ? e(h) : void 0,
+        "onUpdate:value": e(P)
+      }), K({
+        _: 2
+      }, [q(N, (v, s) => ({
+        name: s,
+        fn: S((i) => [E(n.$slots, s, W($(i || {})))])
+      })), e(g) ? {
+        name: "notFoundContent",
+        fn: S(() => [u(l, {
+          size: "small"
+        })]),
+        key: "0"
+      } : void 0]), 1040, ["value", "loading", "options", "placeholder", "load-data", "onUpdate:value"]));
+    };
+  }
+});
+export {
+  ue as default
+};

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

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

package/es/src/ap-field/cascader/read.vue.d.ts

@@ -0,0 +1,8 @@
+import { ApFieldCascaderProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { FieldMode } from '..';
+declare const _default: DefineComponent<ApFieldCascaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFieldCascaderProps> & Readonly<{}>, {
+    mode: FieldMode;
+    emptyText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/src/ap-field/cascader/read.vue.mjs

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

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

@@ -0,0 +1,159 @@
+import { isVNode as g, defineComponent as C, computed as b, createVNode as d, Fragment as c, createBlock as w, openBlock as x, resolveDynamicComponent as B } from "vue";
+import { Space as N } from "@aplus-frontend/antdv";
+import { isArray as v } from "lodash-unified";
+function S(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !g(o);
+}
+const P = /* @__PURE__ */ C({
+  name: "ApFieldCascaderRead",
+  __name: "read",
+  props: {
+    mode: {
+      default: "read"
+    },
+    class: {},
+    style: {},
+    multiple: {
+      type: Boolean
+    },
+    size: {},
+    bordered: {
+      type: Boolean
+    },
+    placement: {},
+    suffixIcon: {},
+    status: {},
+    options: {},
+    popupClassName: {},
+    dropdownClassName: {},
+    "onUpdate:value": {},
+    variant: {},
+    value: {},
+    children: {},
+    onMouseenter: {},
+    onMouseleave: {},
+    tabindex: {},
+    onClick: {},
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onKeydown: {},
+    onKeyup: {},
+    onMousedown: {},
+    open: {
+      type: Boolean
+    },
+    animation: {},
+    direction: {},
+    disabled: {
+      type: Boolean
+    },
+    prefixCls: {},
+    id: {},
+    autofocus: {
+      type: Boolean
+    },
+    getPopupContainer: {},
+    dropdownMatchSelectWidth: {
+      type: [Number, Boolean]
+    },
+    placeholder: {},
+    loading: {
+      type: Boolean
+    },
+    defaultValue: {},
+    prefix: {},
+    clearIcon: {},
+    allowClear: {
+      type: Boolean
+    },
+    getInputElement: {},
+    getRawInputElement: {},
+    fieldNames: {},
+    searchValue: {},
+    onSearch: {},
+    maxCount: {},
+    showSearch: {
+      type: [Boolean, Object]
+    },
+    tagRender: {},
+    optionLabelRender: {},
+    notFoundContent: {},
+    onClear: {},
+    choiceTransitionName: {},
+    defaultOpen: {
+      type: Boolean
+    },
+    onDropdownVisibleChange: {},
+    maxTagTextLength: {},
+    maxTagCount: {},
+    maxTagPlaceholder: {},
+    removeIcon: {},
+    transitionName: {},
+    dropdownStyle: {},
+    dropdownRender: {},
+    dropdownAlign: {},
+    showAction: {},
+    onPopupScroll: {},
+    onInputKeyDown: {},
+    onPopupVisibleChange: {},
+    popupStyle: {},
+    popupPlacement: {},
+    popupVisible: {
+      type: Boolean
+    },
+    expandIcon: {},
+    changeOnSelect: {
+      type: Boolean
+    },
+    displayRender: {},
+    showCheckedStrategy: {},
+    expandTrigger: {},
+    dropdownPrefixCls: {},
+    dropdownMenuColumnStyle: {},
+    loadingIcon: {},
+    emptyText: {
+      default: "--"
+    },
+    request: {},
+    lazy: {
+      type: Boolean
+    },
+    params: {},
+    loadData: {
+      type: Boolean
+    }
+  },
+  setup(o) {
+    const e = o, u = b(() => {
+      let p;
+      const n = e.value;
+      if (!n.length)
+        return d(c, null, [e.emptyText]);
+      const i = [], m = e.fieldNames?.label || "label", f = e.fieldNames?.value || "value";
+      function s(t, a) {
+        const l = [];
+        for (const r of t) {
+          if (a.find((h) => h === r[f]) && l.push(r[m]), l.length === a.length)
+            return l;
+          r.children?.length && l.push(...s(r.children, a));
+        }
+        return l;
+      }
+      const y = v(n[0]) ? n : [n];
+      for (const t of y)
+        i.push(s(e.options, t));
+      return i.length ? d(N, {
+        size: 4
+      }, S(p = i.map((t, a) => d("span", {
+        key: a
+      }, [t.join(", ")]))) ? p : {
+        default: () => [p]
+      }) : d(c, null, [e.emptyText]);
+    });
+    return (p, n) => (x(), w(B(u.value)));
+  }
+});
+export {
+  P as default
+};

package/es/src/ap-field/cascader/use-options.d.ts

@@ -0,0 +1,25 @@
+import { CascaderOptionType } from '@aplus-frontend/antdv/es/cascader';
+import { DefaultOptionType } from '@aplus-frontend/antdv/es/select';
+import { ApFieldCascaderProps } from '../interface';
+import { Ref } from 'vue';
+export declare const useOptions: (props: ApFieldCascaderProps) => {
+    options: Ref<{
+        [x: string]: any;
+        isLeaf?: boolean | undefined;
+        loading?: boolean | undefined;
+        children?: /*elided*/ any[] | undefined;
+        label?: any;
+        value?: string | number | null | undefined;
+        disabled?: boolean | undefined;
+    }[] | undefined, CascaderOptionType[] | {
+        [x: string]: any;
+        isLeaf?: boolean | undefined;
+        loading?: boolean | undefined;
+        children?: /*elided*/ any[] | undefined;
+        label?: any;
+        value?: string | number | null | undefined;
+        disabled?: boolean | undefined;
+    }[] | undefined>;
+    request: (selectOptions?: DefaultOptionType[], clear?: boolean) => Promise<void>;
+    loading: Ref<boolean, boolean>;
+};

package/es/src/ap-field/cascader/use-options.mjs

@@ -0,0 +1,66 @@
+import { isFunction as v } from "lodash-unified";
+import { ref as d, watch as h, onMounted as g } from "vue";
+const q = (t) => {
+  let i = 0;
+  const r = d(t.options || []), l = d(!1);
+  h(
+    () => t.options,
+    (e) => {
+      r.value = e;
+    },
+    {
+      deep: !0
+    }
+  );
+  function c(e, u) {
+    if (!e?.length)
+      return;
+    const a = t.fieldNames?.value || "value";
+    for (const n of e) {
+      if (n[a] === u[a])
+        return n;
+      if (n.children?.length) {
+        const f = c(n.children, u);
+        if (f)
+          return f;
+      }
+    }
+  }
+  async function o(e, u = !1) {
+    if (!v(t.request))
+      return;
+    e?.length || (l.value = !0), i += 1;
+    const a = i;
+    try {
+      u && (r.value = []);
+      const n = await t.request(e, t.params);
+      if (a !== i)
+        return;
+      if (e?.length) {
+        const f = e[e.length - 1], s = c(r.value, f);
+        s && (s.children = n);
+      } else
+        r.value = n;
+    } finally {
+      l.value = !1;
+    }
+  }
+  return g(() => {
+    t.lazy || o();
+  }), h(
+    () => t.params,
+    () => {
+      o();
+    },
+    {
+      deep: !0
+    }
+  ), {
+    options: r,
+    request: o,
+    loading: l
+  };
+};
+export {
+  q as useOptions
+};

package/es/src/ap-field/hooks/use-default-placeholder.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-import { ApFieldTextPasswordProps, ApFieldTextProps, ApFieldTextAreaProps, ApFieldNumberProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldSelectProps, BasicApFieldProps, ApFieldSecondProps } from '../interface';
+import { ApFieldTextPasswordProps, ApFieldTextProps, ApFieldTextAreaProps, ApFieldNumberProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldSelectProps, BasicApFieldProps, ApFieldSecondProps, ApFieldCascaderProps, ApFieldTreeSelectProps } from '../interface';
 type FieldType = {
     Text: ApFieldTextProps;
     TextArea: ApFieldTextAreaProps;
@@ -9,6 +9,8 @@ type FieldType = {
     Select: ApFieldSelectProps;
     TextPassword: ApFieldTextPasswordProps;
     Second: ApFieldSecondProps;
+    Cascader: ApFieldCascaderProps;
+    TreeSelect: ApFieldTreeSelectProps;
 };
 type FieldNames = keyof FieldType;
 export declare const useDefaultPlaceholder: <FieldName extends FieldNames>(fieldName: FieldName, props: BasicApFieldProps<{