@aplus-frontend/ui 7.13.7 → 7.13.9

package/es/src/ap-field/style/select.mjs

@@ -1,60 +1,90 @@
-import { singleRow as l } from "../../style/index.mjs";
-const n = (i) => {
-  const { componentCls: a } = i, p = `${a}-select-popup`;
+import { singleRow as n } from "../../style/index.mjs";
+const a = (o) => {
+  const { componentCls: t } = o, i = `${t}-select-popup`;
   return {
-    [`${p}`]: {
-      // padding: token.space,
-      padding: 0,
-      [`${p}-all-option-wrapper`]: {
-        padding: i.space,
-        paddingBlockEnd: i.spaceXS
-      },
-      [`${p}-all-option`]: {
+    [`${i}`]: {
+      padding: o.space,
+      [`${i}-all-option`]: {
         width: "100%",
         display: "inline-flex",
         cursor: "pointer",
-        paddingInline: i.space,
-        paddingBlock: i.spaceSM,
-        [`${p}-all-option-label`]: {
-          paddingInline: i.space
+        paddingInline: o.space,
+        paddingBlock: o.spaceSM,
+        [`${i}-all-option-label`]: {
+          paddingInline: o.space
         }
       },
-      [`${p}-option-wrapper`]: {
-        height: "22px"
+      [`${i}-option-outter`]: {
+        borderRadius: o.antdv.borderRadiusSM,
+        paddingInline: o.space
       },
-      [`${p}-option-label`]: {
-        ...l(i),
+      [`${i}-option-wrapper`]: {
+        height: "30px"
+      },
+      [`${i}-option-content-wrapper`]: {
+        flex: 1,
+        flexShrink: 1,
+        minWidth: 0
+      },
+      [`${i}-option-label`]: {
+        ...n(o),
         color: "inherit"
       },
-      [`${p}-option-action`]: {
+      [`${i}-option-custom`]: {
+        flex: 1,
+        flexShrink: 1,
+        minWidth: 0
+      },
+      [`${i}-option-action`]: {
         display: "none",
-        color: i.colorPrimary,
-        paddingInline: i.spaceSM,
-        paddingBlock: i.spaceXXS,
+        color: o.colorPrimary,
+        paddingInline: o.spaceSM,
+        paddingBlock: o.spaceXXS,
         "&:hover": {
-          background: i.colorPrimary,
+          background: o.colorPrimary,
           color: "#fff",
           borderRadius: "2px"
         }
       },
       "div.ant-select-item": {
-        paddingInline: i.space,
-        paddingBlock: i.spaceXS,
+        padding: 0,
+        paddingBlockEnd: o.spaceXS,
         fontWeight: "normal !important",
-        marginBottom: i.spaceXS,
-        marginInline: i.space,
+        "&.ant-select-item-option-active:not(.ant-select-item-option-disabled)": {
+          backgroundColor: "unset",
+          [`& ${i}-option-outter`]: {
+            backgroundColor: o.antdv.controlItemBgHover
+          }
+        },
+        "&.ant-select-item-option-selected:not(.ant-select-item-option-disabled)": {
+          backgroundColor: "unset",
+          [`& ${i}-option-outter`]: {
+            backgroundColor: o.antdv.controlItemBgActive
+          }
+        },
+        "&.ant-select-item-option-disabled.ant-select-item-option-selected": {
+          backgroundColor: "unset",
+          [`& ${i}-option-outter`]: {
+            backgroundColor: o.antdv.colorBgContainerDisabled
+          }
+        },
         "&:hover": {
-          [`${p}-option-action`]: {
+          [`${i}-option-action`]: {
             display: "inline"
           }
         },
         "&:last-child": {
-          marginBottom: i.space
+          paddingBlockEnd: 0
+        }
+      },
+      [`&:has(${i}-all-option)`]: {
+        "div.ant-select-item:first-child": {
+          paddingBlockStart: o.spaceXS
         }
       }
     }
   };
 };
 export {
-  n as genSelectStyle
+  a as genSelectStyle
 };

package/es/src/ap-form/items/select/index.vue.d.ts

@@ -671,7 +671,7 @@ declare function __VLS_template(): {
                 maxTagPlaceholder: any;
                 optionLabel: any;
                 default: any;
-                dropdownRender: any;
+                option: any;
             }> & {
                 notFoundContent: any;
                 suffixIcon: any;
@@ -683,7 +683,7 @@ declare function __VLS_template(): {
                 maxTagPlaceholder: any;
                 optionLabel: any;
                 default: any;
-                dropdownRender: any;
+                option: any;
             };
         }) | null;
     };
@@ -1332,7 +1332,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             maxTagPlaceholder: any;
             optionLabel: any;
             default: any;
-            dropdownRender: any;
+            option: any;
         }> & {
             notFoundContent: any;
             suffixIcon: any;
@@ -1344,7 +1344,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             maxTagPlaceholder: any;
             optionLabel: any;
             default: any;
-            dropdownRender: any;
+            option: any;
         };
     }) | null;
 }, any>;

package/es/src/ap-table/components/setting/modal/index.vue2.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as pe, ref as v, computed as ce, toRef as me, useSlots as de, createVNode as l, cloneVNode as fe, unref as e, watch as E, createElementBlock as P, openBlock as S, Fragment as ve, createBlock as x, createCommentVNode as j, resolveDynamicComponent as w, withCtx as o, withDirectives as ge, createElementVNode as c, normalizeClass as u, toDisplayString as g, createTextVNode as h, isRef as ye, vShow as Se } from "vue";
+import { defineComponent as pe, ref as v, computed as ce, toRef as me, useSlots as de, createVNode as l, cloneVNode as fe, unref as e, watch as E, createElementBlock as P, openBlock as S, Fragment as ve, createBlock as x, createCommentVNode as j, resolveDynamicComponent as w, withCtx as o, withDirectives as ge, createElementVNode as c, normalizeClass as u, toDisplayString as g, createTextVNode as k, isRef as ye, vShow as Se } from "vue";
 import { SettingOutlined as Te, SaveOutlined as be } from "@ant-design/icons-vue";
-import { Button as F, Modal as Ce, Divider as A, RadioGroup as he, RadioButton as M, Flex as ke, Space as q, Popover as _e } from "@aplus-frontend/antdv";
+import { Button as F, Modal as Ce, Divider as A, RadioGroup as ke, RadioButton as M, Flex as he, Space as q, Popover as _e } from "@aplus-frontend/antdv";
 import "../../../../ap-button/index.mjs";
 import { randomStr as ze } from "../../../../utils/index.mjs";
 import "../../../../config-provider/index.mjs";
@@ -41,18 +41,18 @@ const Ee = {
       columnsBackup: J,
       updateSize: Q,
       updateColumns: W
-    } = we(), m = v(), k = ce(() => T.config.persistenceKey), b = v(!1), {
+    } = we(), m = v(), h = ce(() => T.config.persistenceKey), b = v(!1), {
       basicTemplate: X,
       customizeTemplateList: d,
       addTemplate: Y,
       deleteTemplate: N,
       updateTemplate: Z
-    } = Be(T.config, k), {
+    } = Be(T.config, h), {
       columnState: p,
       setColumnState: K,
       isAllSelected: ee,
       toggleSelectAll: te
-    } = Ae([]), $ = `${k.value}__active_key`;
+    } = Ae([]), $ = `${h.value}__active_key`;
     function I(a) {
       localStorage.setItem($, a);
     }
@@ -155,11 +155,12 @@ const Ee = {
       "after-open-change": ue,
       "wrap-class-name": `${e(f)()} ${e(le)}`,
       "ok-text": e(r)("ap.apTable.setting.saveAndApply"),
+      "mask-closable": !1,
       onOk: ie
     }, {
       footer: o(({
         extra: n
-      }) => [l(e(ke), {
+      }) => [l(e(he), {
         justify: "space-between"
       }, {
         default: o(() => [l(e(q), {
@@ -182,7 +183,7 @@ const Ee = {
               disabled: !a.config.persistenceKey
             }, {
               icon: o(() => [l(e(be))]),
-              default: o(() => [h(g(e(r)("ap.apTable.setting.saveAsTemplate")) + " ", 1)]),
+              default: o(() => [k(g(e(r)("ap.apTable.setting.saveAsTemplate")) + " ", 1)]),
               _: 1
             }, 8, ["disabled"])]),
             _: 1
@@ -205,7 +206,7 @@ const Ee = {
         class: u(e(f)("left"))
       }, [l(Re, {
         "customize-template-list": e(d),
-        "persistence-key": k.value,
+        "persistence-key": h.value,
         onActiveChange: U
       }, null, 8, ["customize-template-list", "persistence-key"])], 2), l(e(A), {
         type: "vertical",
@@ -226,21 +227,21 @@ const Ee = {
         size: "small",
         onClick: e(te)
       }, {
-        default: o(() => [h(g(e(ee) ? e(r)("ap.apTable.setting.unSelectAll") : e(r)("ap.apTable.setting.selectAll")), 1)]),
+        default: o(() => [k(g(e(ee) ? e(r)("ap.apTable.setting.unSelectAll") : e(r)("ap.apTable.setting.selectAll")), 1)]),
         _: 1
-      }, 8, ["onClick"])], 2), l(e(he), {
+      }, 8, ["onClick"])], 2), l(e(ke), {
         value: m.value,
         "onUpdate:value": t[0] || (t[0] = (n) => m.value = n)
       }, {
         default: o(() => [l(e(M), {
           value: "small"
         }, {
-          default: o(() => [h(g(e(r)("ap.apTable.setting.sizeSmall")), 1)]),
+          default: o(() => [k(g(e(r)("ap.apTable.setting.sizeSmall")), 1)]),
           _: 1
         }), l(e(M), {
           value: "middle"
         }, {
-          default: o(() => [h(g(e(r)("ap.apTable.setting.sizeNormal")), 1)]),
+          default: o(() => [k(g(e(r)("ap.apTable.setting.sizeNormal")), 1)]),
           _: 1
         })]),
         _: 1

package/es/src/ap-table/components/setting/template/edit-form.vue.d.ts

@@ -14,6 +14,7 @@ type __VLS_Props = {
     onConfirm: (label?: string) => void;
     onCancel: () => void;
     initialValues?: Record<string, any>;
+    isEdit?: boolean;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
     formRef: ({

package/es/src/ap-table/components/setting/template/edit-form.vue2.mjs

@@ -1,65 +1,66 @@
-import { defineComponent as f, ref as u, createElementBlock as d, openBlock as y, createVNode as t, unref as e, withCtx as o, createTextVNode as i, toDisplayString as r } from "vue";
-import { Flex as C, Button as m } from "@aplus-frontend/antdv";
-import { ApForm as _ } from "../../../../ap-form/index.mjs";
+import { defineComponent as f, ref as u, createElementBlock as d, openBlock as y, createVNode as l, unref as e, withCtx as o, createTextVNode as i, toDisplayString as r } from "vue";
+import { Flex as C, Button as p } from "@aplus-frontend/antdv";
+import { ApForm as b } from "../../../../ap-form/index.mjs";
 import "../../../../config-provider/index.mjs";
-import { useLocale as h } from "../../../../config-provider/hooks/use-locale.mjs";
-import { ApFormItemText as b } from "../../../../ap-form/items/text/index.mjs";
-const V = /* @__PURE__ */ f({
+import { useLocale as g } from "../../../../config-provider/hooks/use-locale.mjs";
+import { ApFormItemText as h } from "../../../../ap-form/items/text/index.mjs";
+const B = /* @__PURE__ */ f({
   __name: "edit-form",
   props: {
     onConfirm: { type: Function },
     onCancel: { type: Function },
-    initialValues: {}
+    initialValues: {},
+    isEdit: { type: Boolean }
   },
-  setup(p) {
-    const s = p, { t: a } = h(), n = u();
+  setup(m) {
+    const s = m, { t } = g(), n = u();
     async function c() {
-      const l = await n.value?.validateFields();
-      s.onConfirm(l?.label);
+      const a = await n.value?.validateFields();
+      s.onConfirm(a?.label);
     }
-    return (l, g) => (y(), d("div", null, [
-      t(e(_), {
+    return (a, T) => (y(), d("div", null, [
+      l(e(b), {
         ref_key: "formRef",
         ref: n,
         colon: !1,
         "label-col": { span: 24 },
-        "initial-values": l.initialValues
+        "initial-values": a.initialValues
       }, {
         default: o(() => [
-          t(e(b), {
+          l(e(h), {
             rules: [
               {
                 required: !0,
-                message: e(a)("ap.apTable.setting.templateNamePlaceholder")
+                message: e(t)("ap.apTable.setting.templateNamePlaceholder")
               }
             ],
             name: "label",
-            label: e(a)("ap.apTable.setting.templateName")
+            label: a.isEdit ? e(t)("ap.apTable.setting.templateName") : e(t)("ap.apTable.setting.newTemplateName")
           }, null, 8, ["rules", "label"])
         ]),
         _: 1
       }, 8, ["initial-values"]),
-      t(e(C), {
+      l(e(C), {
         justify: "end",
         gap: 8
       }, {
         default: o(() => [
-          t(e(m), {
+          l(e(p), {
             style: { height: "24px" },
-            onClick: l.onCancel
+            onClick: a.onCancel
           }, {
             default: o(() => [
-              i(r(e(a)("ap.common.cancelText")), 1)
+              i(r(e(t)("ap.common.cancelText")), 1)
             ]),
             _: 1
           }, 8, ["onClick"]),
-          t(e(m), {
+          l(e(p), {
             style: { height: "24px" },
             type: "primary",
             onClick: c
           }, {
             default: o(() => [
-              i(r(e(a)("ap.common.save")), 1)
+              i(r(e(t)("ap.common.save")), 1)
             ]),
             _: 1
           })
@@ -70,5 +71,5 @@ const V = /* @__PURE__ */ f({
   }
 });
 export {
-  V as default
+  B as default
 };

package/es/src/ap-table/components/setting/template/item.vue2.mjs

@@ -45,6 +45,7 @@ const M = /* @__PURE__ */ b({
           }, {
             content: r(() => [
               i(O, {
+                "is-edit": "",
                 "initial-values": { label: t.value.label },
                 onConfirm: y,
                 onCancel: o[1] || (o[1] = () => a.value = !1)

package/es/src/ap-table/components/setting/tree-select/index.vue2.mjs

@@ -43,7 +43,7 @@ const U = { key: 0 }, T = /* @__PURE__ */ v({
               _: 2
             }, 1024)) : (o(), d(r(m), {
               key: 0,
-              span: 8
+              span: 12
             }, {
               default: l(() => [
                 c(r(I), B({ ref_for: !0 }, C(t), {

package/es/src/ap-table/constants.d.ts

@@ -1559,7 +1559,7 @@ export declare const apTableFormItemMap: {
                     maxTagPlaceholder: any;
                     optionLabel: any;
                     default: any;
-                    dropdownRender: any;
+                    option: any;
                 }> & {
                     notFoundContent: any;
                     suffixIcon: any;
@@ -1571,7 +1571,7 @@ export declare const apTableFormItemMap: {
                     maxTagPlaceholder: any;
                     optionLabel: any;
                     default: any;
-                    dropdownRender: any;
+                    option: any;
                 };
             }) | null;
         }, any, ComponentProvideOptions, {

package/es/src/ap-table/style/setting.mjs

@@ -250,7 +250,7 @@ const o = (e) => {
           marginBottom: 0
         },
         "&:hover": {
-          backgroundColor: e.calc(e.colorPrimary).colorMix(5),
+          backgroundColor: e.colorBg3,
           cursor: "pointer",
           [`${e.componentCls}-template-item-action-wrapper`]: {
             display: "flex"
@@ -273,7 +273,7 @@ const o = (e) => {
       },
       [`${i}-active`]: {
         backgroundColor: e.calc(e.colorPrimary).colorMix(5),
-        "&-label": {
+        [`${i}-label`]: {
           color: e.colorPrimary
         }
       }

package/es/src/locale/lang/en.mjs

@@ -69,7 +69,8 @@ const a = {
         saveAndApply: "Save and Apply",
         modifyNotification: "The current template has been modified. You can save it as a new template.",
         templateSetting: "Column Configuration Template",
-        templateName: "New Template Name",
+        templateName: "Template Name",
+        newTemplateName: "New Template Name",
         templateNamePlaceholder: "Please enter a template name"
       },
       paragraphEllipsis: {

package/es/src/locale/lang/zh-cn.mjs

@@ -78,7 +78,8 @@ const a = {
         saveAndApply: "保存并应用",
         modifyNotification: "当前模板存在变更，可保存为新模板",
         templateSetting: "列配置模板",
-        templateName: "新模板名称",
+        templateName: "模板名称",
+        newTemplateName: "新模板名称",
         templateNamePlaceholder: "请输入模板名称"
       },
       paragraphEllipsis: {

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.13.7";
+declare const _default: "7.13.9";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.13.7";
+const e = "7.13.9";
 export {
   e as default
 };

package/lib/src/ap-field/select/index.vue.d.ts

@@ -19,7 +19,7 @@ type ApFieldSelectSlots = {
     maxTagPlaceholder: any;
     optionLabel: any;
     default: any;
-    dropdownRender: any;
+    option: any;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -170,7 +170,12 @@ declare function __VLS_template(): {
                 type: PropType<(props: CustomTagProps) => any>;
             };
             optionLabelRender: {
-                type: PropType<(option: Record<string, any>) => any>;
+                type: **
+                 * 在聚焦时再次发起网络请求的前提：
+                 * 1. 设置了`refetchOnFocus=true`
+                 * 2. `fetchId > 0`表示已经发起过一次网络请求
+                 * 3. 当前并不处于loading状态
+                 */).PropType<(option: Record<string, any>) => any>;
             };
             onClear: PropType<() => void>;
             defaultOpen: {
@@ -630,7 +635,12 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: PropType<(props: CustomTagProps) => any>;
         };
         optionLabelRender: {
-            type: PropType<(option: Record<string, any>) => any>;
+            type: **
+             * 在聚焦时再次发起网络请求的前提：
+             * 1. 设置了`refetchOnFocus=true`
+             * 2. `fetchId > 0`表示已经发起过一次网络请求
+             * 3. 当前并不处于loading状态
+             */).PropType<(option: Record<string, any>) => any>;
         };
         onClear: PropType<() => void>;
         defaultOpen: {

package/lib/src/ap-field/select/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@aplus-frontend/antdv"),s=require("lodash-unified");require("../../config-provider/index.js");require("../../utils/index.js");require("../../hooks/index.js");const j=require("../hooks/use-default-placeholder.js"),K=require("../style/index.js"),H=require("./use-select-options.js"),W=require("../../config-provider/hooks/use-namespace.js"),G=require("../../config-provider/hooks/use-locale.js"),J=require("../../hooks/useControllableValue.js"),B=require("../../utils/is.js"),Q={key:0},X=["onClick"],Y=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:void 0},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean,default:void 0},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},placeholder:{},loading:{type:Boolean,default:void 0},prefix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},fieldNames:{},inputValue:{},searchValue:{},autoClearSearchValue:{type:Boolean,default:void 0},onDeselect:{},onActive:{},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},options:{},defaultActiveFirstOption:{type:Boolean,default:void 0},listItemHeight:{},onClickOption:{},menuItemSelectedIcon:{},labelInValue:{type:Boolean,default:void 0},showSearch:{type:Boolean,default:void 0},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},maxTagTextLength:{},maxTagCount:{},maxTagPlaceholder:{},tokenSeparators:{},removeIcon:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showAction:{},onPopupScroll:{},onInputKeyDown:{},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},addAll:{type:[Boolean,Number],default:5},params:{},searchDelay:{default:300},allowOnlySelect:{type:Boolean,default:!0}},emits:["update:value"],setup(x,{expose:N,emit:O}){let u=0;const t=x,{b:r}=W.useNamespace("field-select"),V=K.default("field"),w=e.ref(!1),{t:S}=G.useLocale(),F=s.debounce(o=>{if(!s.isFunction(t.request))return;u+=1;const n=u;f([]),a.value=!0,t.request(o).then(l=>{u===n&&(f(l),a.value=!1)})},t.searchDelay),q=(o,n)=>{const l=t.fieldNames?.label||"label";return typeof n?.[l]=="string"&&n[l].toLowerCase().indexOf(o.toLowerCase())>-1},{options:p,updateOptions:f}=H.useSelectOptions(t),y=e.shallowRef(),a=e.ref(t?.loading||!1),A=O,_=e.computed(()=>{if(t.multiple)return t.tokenSeparators?"tags":"multiple"});async function m(o=!0){if(!s.isFunction(t.request))return;a.value=!0,u+=1;const n=u;try{o&&f([]);const l=await t.request(void 0,t.params);if(n!==u)return;f(l)}finally{a.value=!1}}function I(o){t.onFocus?.(o),t.refetchOnFocus&&u>0&&!a.value&&m(!0)}e.onMounted(()=>{t.lazy||m()}),e.watch(()=>t.params,()=>{m()},{deep:!0});const{value:i,updateValue:v}=J.useControllableValue(t,A),D=j.useDefaultPlaceholder("Select",t),M=e.computed(()=>{const o=e.unref(i);if(!o)return t.emptyText;const n=t.fieldNames?.label||"label",l=t.fieldNames?.value||"value";return s.isArray(o)?o.map(d=>e.unref(p).find($=>$[l]===d)?.[n]).filter(Boolean).join("、")||t.emptyText:e.unref(p).find(d=>d[l]===o)?.[n]||t.emptyText}),P=e.computed(()=>{const o=!!t?.showSearch,n=t.searchMode;let l={};return o&&(l=n==="request"?{defaultActiveFirstOption:!1,onSearch:F,notFoundContent:a.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:s.isNil(t?.filterOption)?q:t?.filterOption}),{...s.omit(t,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:e.unref(D),...l}}),h=e.computed(()=>p.value.map(o=>o[t.fieldNames?.value||"value"])),b=e.computed(()=>!t.multiple||B.isDef(t.maxCount)?!1:s.isNumber(t.addAll)?h.value.length>=t.addAll:!!t.addAll),z=e.computed(()=>t.multiple&&t.allowOnlySelect&&(!B.isDef(t.maxCount)||t.maxCount>=1));function T(){y.value?.focus()}function L(){y.value?.blur()}function C(o,n){const l=t.fieldNames?.[n]??n;return o[l]}function R(o){const n=C(o,"value");v(t.multiple?[n]:n)}const k=e.computed(()=>{const o=e.unref(i)||[],n=h.value;return n.length>0&&n.every(l=>o.includes(l))}),E=e.computed(()=>(e.unref(i)||[]).length>0&&!k.value);function U(){console.log("123");const o=e.unref(i)||[],n=h.value;n.length&&n.every(l=>o?.includes(l))?v([]):v(h.value)}return N({focus:T,blur:L,request:m}),(o,n)=>o.mode==="read"?(e.openBlock(),e.createElementBlock("span",Q,e.toDisplayString(M.value),1)):(e.openBlock(),e.createBlock(e.unref(c.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:y,"allow-clear":""},P.value,{mode:_.value,value:e.unref(i),options:e.unref(p),loading:a.value,"menu-item-selected-icon":e.h("span"),"popup-class-name":`${e.unref(r)("popup")} ${e.unref(V)}`,open:w.value,virtual:!1,"onUpdate:value":e.unref(v),onFocus:I,onDropdownVisibleChange:n[0]||(n[0]=l=>w.value=l)}),e.createSlots({option:e.withCtx(l=>[e.createVNode(e.unref(c.Flex),{justify:"space-between",align:"center",class:e.normalizeClass(e.unref(r)("popup-option-wrapper")),gap:8},{default:e.withCtx(()=>[e.createVNode(e.unref(c.Flex),{gap:8,align:"center"},{default:e.withCtx(()=>[b.value?(e.openBlock(),e.createBlock(e.unref(c.Checkbox),{key:0,checked:e.unref(i)?.includes(C(l,"value"))},null,8,["checked"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("popup-option-label"))},e.toDisplayString(C(l,"label")),3)]),_:2},1024),z.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r)("popup-option-action")),onClick:e.withModifiers(()=>R(l),["stop"])},e.toDisplayString(e.unref(S)("ap.field.chooseOnly")),11,X)):e.createCommentVNode("",!0)]),_:2},1032,["class"])]),_:2},[e.renderList(o.$slots,(l,g)=>({name:g,fn:e.withCtx(d=>[e.renderSlot(o.$slots,g,e.normalizeProps(e.guardReactiveProps(d||{})))])})),a.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(c.Spin),{size:"small"})]),key:"0"}:void 0,b.value?{name:"dropdownRender",fn:e.withCtx(({menuNode:l})=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("popup-all-option-wrapper"))},[e.createElementVNode("div",{tabindex:-1,class:e.normalizeClass(e.unref(r)("popup-all-option")),onClick:U},[e.createVNode(e.unref(c.Checkbox),{checked:k.value,indeterminate:E.value},null,8,["checked","indeterminate"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("popup-all-option-label"))},e.toDisplayString(e.unref(S)("ap.field.selectAll")),3)],2)],2),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l)))]),key:"1"}:void 0]),1040,["mode","value","options","loading","menu-item-selected-icon","popup-class-name","open","onUpdate:value"]))}});exports.default=Y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@aplus-frontend/antdv"),r=require("lodash-unified");require("../../config-provider/index.js");require("../../utils/index.js");require("../../hooks/index.js");const J=require("../hooks/use-default-placeholder.js"),Q=require("../style/index.js"),X=require("./use-select-options.js"),N=require("../../config-provider/hooks/use-namespace.js"),Y=require("../../config-provider/hooks/use-locale.js"),Z=require("../../hooks/useControllableValue.js"),x=require("../../utils/is.js"),ee={key:0},te=["onClick"],ne=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:void 0},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean,default:void 0},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},placeholder:{},loading:{type:Boolean,default:void 0},prefix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},fieldNames:{},inputValue:{},searchValue:{},autoClearSearchValue:{type:Boolean,default:void 0},onDeselect:{},onActive:{},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},options:{},defaultActiveFirstOption:{type:Boolean,default:void 0},listItemHeight:{},onClickOption:{},menuItemSelectedIcon:{},labelInValue:{type:Boolean,default:void 0},showSearch:{type:Boolean,default:void 0},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},maxTagTextLength:{},maxTagCount:{},maxTagPlaceholder:{},tokenSeparators:{},removeIcon:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showAction:{},onPopupScroll:{},onInputKeyDown:{},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},addAll:{type:[Boolean,Number],default:5},params:{},searchDelay:{default:300},allowOnlySelect:{type:Boolean,default:!0}},emits:["update:value"],setup(V,{expose:F,emit:O}){let s=0;const w=e.useSlots(),t=V,{b:v}=N.useNamespace("field-select"),{b:c}=N.useNamespace("field-select-popup-option"),q=Q.default("field"),k=e.ref(!1),{t:S}=Y.useLocale(),A=r.debounce(n=>{if(!r.isFunction(t.request))return;s+=1;const o=s;m([]),u.value=!0,t.request(n).then(l=>{s===o&&(m(l),u.value=!1)})},t.searchDelay),I=(n,o)=>{const l=t.fieldNames?.label||"label";return typeof o?.[l]=="string"&&o[l].toLowerCase().indexOf(n.toLowerCase())>-1},{options:f,updateOptions:m}=X.useSelectOptions(t),y=e.shallowRef(),u=e.ref(t?.loading||!1),D=O,_=e.computed(()=>{if(t.multiple)return t.tokenSeparators?"tags":"multiple"});async function h(n=!0){if(!r.isFunction(t.request))return;u.value=!0,s+=1;const o=s;try{n&&m([]);const l=await t.request(void 0,t.params);if(o!==s)return;m(l)}finally{u.value=!1}}function M(n){t.onFocus?.(n),t.refetchOnFocus&&s>0&&!u.value&&h(!0)}e.onMounted(()=>{t.lazy||h()}),e.watch(()=>t.params,()=>{h()},{deep:!0});const{value:i,updateValue:C}=Z.useControllableValue(t,D),P=J.useDefaultPlaceholder("Select",t),z=e.computed(()=>{const n=e.unref(i);if(!n)return t.emptyText;const o=t.fieldNames?.label||"label",l=t.fieldNames?.value||"value";return r.isArray(n)?n.map(p=>e.unref(f).find(G=>G[l]===p)?.[o]).filter(Boolean).join("、")||t.emptyText:e.unref(f).find(p=>p[l]===n)?.[o]||t.emptyText}),T=e.computed(()=>{const n=!!t?.showSearch,o=t.searchMode;let l={};return n&&(l=o==="request"?{defaultActiveFirstOption:!1,onSearch:A,notFoundContent:u.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:r.isNil(t?.filterOption)?I:t?.filterOption}),{...r.omit(t,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:e.unref(P),...l}}),L=e.computed(()=>f.value.map(n=>n[t.fieldNames?.value||"value"])),g=e.computed(()=>f.value.filter(n=>!n.disabled).map(n=>n[t.fieldNames?.value||"value"])),B=e.computed(()=>!t.multiple||x.isDef(t.maxCount)?!1:r.isNumber(t.addAll)?L.value.length>=t.addAll:!!t.addAll),R=e.computed(()=>t.multiple&&t.allowOnlySelect&&(!x.isDef(t.maxCount)||t.maxCount>=1));function E(){y.value?.focus()}function U(){y.value?.blur()}function b(n,o){const l=t.fieldNames?.[o]??o;return n[l]}function $(n){const o=b(n,"value");C(t.multiple?[o]:o)}function j(n){return w.option?e.createVNode("div",{class:c("custom")},[w.option(n)]):e.createVNode("span",{class:c("label")},[b(n,"label")])}const K=e.computed(()=>{const n=e.unref(i)||[],o=g.value;return o.length>0&&o.every(l=>n.includes(l))}),H=e.computed(()=>{const n=e.unref(i)||[],o=g.value,l=o.filter(a=>n.includes(a)).length;return l>0&&l<o.length});function W(){const n=new Set(e.unref(i)||[]),o=g.value;o.length>0&&o.every(a=>n.has(a))?o.forEach(a=>n.delete(a)):o.forEach(a=>n.add(a)),C([...n])}return F({focus:E,blur:U,request:h}),(n,o)=>n.mode==="read"?(e.openBlock(),e.createElementBlock("span",ee,e.toDisplayString(z.value),1)):(e.openBlock(),e.createBlock(e.unref(d.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:y,"allow-clear":""},T.value,{mode:_.value,value:e.unref(i),options:e.unref(f),loading:u.value,"menu-item-selected-icon":e.h("span"),"popup-class-name":`${e.unref(v)("popup")} ${e.unref(q)}`,open:k.value,"onUpdate:value":e.unref(C),onFocus:M,onDropdownVisibleChange:o[0]||(o[0]=l=>k.value=l)}),e.createSlots({option:e.withCtx(l=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("outter"))},[e.createVNode(e.unref(d.Flex),{justify:"space-between",align:"center",class:e.normalizeClass(e.unref(c)("wrapper")),gap:8},{default:e.withCtx(()=>[e.createVNode(e.unref(d.Flex),{gap:8,align:"center",class:e.normalizeClass(e.unref(c)("content-wrapper"))},{default:e.withCtx(()=>[B.value?(e.openBlock(),e.createBlock(e.unref(d.Checkbox),{key:0,checked:e.unref(i)?.includes(b(l,"value"))},null,8,["checked"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(j(l))))]),_:2},1032,["class"]),R.value&&!l?.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(c)("action")),onClick:e.withModifiers(()=>$(l),["stop"])},e.toDisplayString(e.unref(S)("ap.field.chooseOnly")),11,te)):e.createCommentVNode("",!0)]),_:2},1032,["class"])],2)]),_:2},[e.renderList(e.unref(r.omit)(n.$slots,["option"]),(l,a)=>({name:a,fn:e.withCtx(p=>[e.renderSlot(n.$slots,a,e.normalizeProps(e.guardReactiveProps(p||{})))])})),u.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(d.Spin),{size:"small"})]),key:"0"}:void 0,B.value?{name:"dropdownRender",fn:e.withCtx(({menuNode:l})=>[e.createElementVNode("div",{tabindex:-1,class:e.normalizeClass(e.unref(v)("popup-all-option")),onClick:W},[e.createVNode(e.unref(d.Checkbox),{checked:K.value,indeterminate:H.value},null,8,["checked","indeterminate"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(v)("popup-all-option-label"))},e.toDisplayString(e.unref(S)("ap.field.selectAll")),3)],2),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l)))]),key:"1"}:void 0]),1040,["mode","value","options","loading","menu-item-selected-icon","popup-class-name","open","onUpdate:value"]))}});exports.default=ne;

package/lib/src/ap-field/style/select.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../style/index.js"),n=i=>{const{componentCls:a}=i,p=`${a}-select-popup`;return{[`${p}`]:{padding:0,[`${p}-all-option-wrapper`]:{padding:i.space,paddingBlockEnd:i.spaceXS},[`${p}-all-option`]:{width:"100%",display:"inline-flex",cursor:"pointer",paddingInline:i.space,paddingBlock:i.spaceSM,[`${p}-all-option-label`]:{paddingInline:i.space}},[`${p}-option-wrapper`]:{height:"22px"},[`${p}-option-label`]:{...l.singleRow(i),color:"inherit"},[`${p}-option-action`]:{display:"none",color:i.colorPrimary,paddingInline:i.spaceSM,paddingBlock:i.spaceXXS,"&:hover":{background:i.colorPrimary,color:"#fff",borderRadius:"2px"}},"div.ant-select-item":{paddingInline:i.space,paddingBlock:i.spaceXS,fontWeight:"normal !important",marginBottom:i.spaceXS,marginInline:i.space,"&:hover":{[`${p}-option-action`]:{display:"inline"}},"&:last-child":{marginBottom:i.space}}}}};exports.genSelectStyle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../style/index.js"),n=o=>{const{componentCls:t}=o,e=`${t}-select-popup`;return{[`${e}`]:{padding:o.space,[`${e}-all-option`]:{width:"100%",display:"inline-flex",cursor:"pointer",paddingInline:o.space,paddingBlock:o.spaceSM,[`${e}-all-option-label`]:{paddingInline:o.space}},[`${e}-option-outter`]:{borderRadius:o.antdv.borderRadiusSM,paddingInline:o.space},[`${e}-option-wrapper`]:{height:"30px"},[`${e}-option-content-wrapper`]:{flex:1,flexShrink:1,minWidth:0},[`${e}-option-label`]:{...i.singleRow(o),color:"inherit"},[`${e}-option-custom`]:{flex:1,flexShrink:1,minWidth:0},[`${e}-option-action`]:{display:"none",color:o.colorPrimary,paddingInline:o.spaceSM,paddingBlock:o.spaceXXS,"&:hover":{background:o.colorPrimary,color:"#fff",borderRadius:"2px"}},"div.ant-select-item":{padding:0,paddingBlockEnd:o.spaceXS,fontWeight:"normal !important","&.ant-select-item-option-active:not(.ant-select-item-option-disabled)":{backgroundColor:"unset",[`& ${e}-option-outter`]:{backgroundColor:o.antdv.controlItemBgHover}},"&.ant-select-item-option-selected:not(.ant-select-item-option-disabled)":{backgroundColor:"unset",[`& ${e}-option-outter`]:{backgroundColor:o.antdv.controlItemBgActive}},"&.ant-select-item-option-disabled.ant-select-item-option-selected":{backgroundColor:"unset",[`& ${e}-option-outter`]:{backgroundColor:o.antdv.colorBgContainerDisabled}},"&:hover":{[`${e}-option-action`]:{display:"inline"}},"&:last-child":{paddingBlockEnd:0}},[`&:has(${e}-all-option)`]:{"div.ant-select-item:first-child":{paddingBlockStart:o.spaceXS}}}}};exports.genSelectStyle=n;

package/lib/src/ap-form/items/select/index.vue.d.ts

@@ -671,7 +671,7 @@ declare function __VLS_template(): {
                 maxTagPlaceholder: any;
                 optionLabel: any;
                 default: any;
-                dropdownRender: any;
+                option: any;
             }> & {
                 notFoundContent: any;
                 suffixIcon: any;
@@ -683,7 +683,7 @@ declare function __VLS_template(): {
                 maxTagPlaceholder: any;
                 optionLabel: any;
                 default: any;
-                dropdownRender: any;
+                option: any;
             };
         }) | null;
     };
@@ -1332,7 +1332,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             maxTagPlaceholder: any;
             optionLabel: any;
             default: any;
-            dropdownRender: any;
+            option: any;
         }> & {
             notFoundContent: any;
             suffixIcon: any;
@@ -1344,7 +1344,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             maxTagPlaceholder: any;
             optionLabel: any;
             default: any;
-            dropdownRender: any;
+            option: any;
         };
     }) | null;
 }, any>;

package/lib/src/ap-table/components/setting/modal/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("@ant-design/icons-vue"),l=require("@aplus-frontend/antdv");require("../../../../ap-button/index.js");const Q=require("../../../../utils/index.js");require("../../../../config-provider/index.js");const W=require("../../../../utils/slot.js"),X=require("../../../context.js"),Y=require("../../../hooks/use-table-column-state.js"),Z=require("../../../hooks/use-table-template-storage.js"),ee=require("../../../style/setting.js"),te=require("../context.js");require("../sorter/index.vue.js");require("../template/edit-form.vue.js");require("../template/index.vue.js");require("../tree-select/index.vue.js");const f=require("../utils.js"),ne=require("../../../../config-provider/hooks/use-locale.js"),B=require("../../../../config-provider/hooks/use-namespace.js"),ae=require("../template/index.vue2.js"),le=require("../tree-select/index.vue2.js"),oe=require("../sorter/index.vue2.js"),re=require("../../../../ap-button/ap-button.vue.js"),ue=require("../template/edit-form.vue2.js"),se={style:{"padding-inline":"8px"}},ie=e.defineComponent({name:"ApTableSetting",__name:"index",props:{config:{default:()=>({persistenceKey:""})}},setup(D){const m=D,{columnsBackup:E,updateSize:A,updateColumns:I}=X.useInjectApTable(),i=e.ref(),C=e.computed(()=>m.config.persistenceKey),v=e.ref(!1),{basicTemplate:K,customizeTemplateList:c,addTemplate:L,deleteTemplate:S,updateTemplate:R}=Z.useTableTemplateStorage(m.config,C),{columnState:s,setColumnState:N,isAllSelected:O,toggleSelectAll:$}=Y.useTableColumnState([]),h=`${C.value}__active_key`;function T(n){localStorage.setItem(h,n)}function V(){return localStorage.getItem(h)}const o=e.ref(V()??c.value?.[0].key);te.useProvideApColumnSetting({activeKey:o,cacheConfig:e.toRef(m,"config"),deleteTemplate:H});const{t:u}=ne.useLocale(),{b:p,be:g}=B.useNamespace("ap-column-setting"),{b:M}=B.useNamespace("ap-table"),P=ee.default("ap-column-setting"),d=e.ref(!1),k=e.ref(!1),U=e.useSlots(),x=W.getSingleVNode(U.trigger)||e.createVNode(l.Button,{icon:e.createVNode(z.SettingOutlined,null,null),class:M("setting-trigger-button")},null),b=x?e.cloneVNode(x,{onClick:()=>{d.value=!0}}):null;function j(){N(f.customCloneColumnStates(e.unref(K).columnState))}function q(n,t){I?.(f.default(e.unref(E),n)),A?.(t)}function F(){q(e.unref(s),e.unref(i)),d.value=!1;const n=f.customCloneColumnStates(s.value),t=R(o.value,{columnState:n,size:i.value});T(o.value),m.config?.onChange?.(n,t)}function G(n){const t=Q.randomStr();L({key:t,label:n,columnState:s.value,size:i.value}),v.value=!1,o.value=t}function w(n){const t=[...c.value].find(a=>a?.key===n);t&&(N(f.customCloneColumnStates(t.columnState)),i.value=t.size)}function H(n){if(n!==o.value){S(n);return}const t=c.value,a=t.findIndex(_=>_.key===n),r=t[a+1]?.key??t[a-1]?.key;S(n),o.value=r,T(r)}function J(n){if(k.value=n,!n){const t=V();t&&t!==o.value&&(o.value=t)}}e.watch(()=>o.value,(n,t)=>{if(!t&&n){const a=[...c.value].find(r=>r?.key===n);if(!a)return;q(a.columnState,a.size)}w(n)},{immediate:!0});const y=e.ref(!1);return e.watch([i,s,d],([n,t,a])=>{if(!a)return;const r=c.value.find(_=>_.key===o.value);r&&(r.size!==n||!f.isEqualColumnStateIgnoreLabel(t,r.columnState))?y.value=!0:y.value=!1},{deep:!0}),(n,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(b)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(b)),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(l.Modal),{open:d.value,"onUpdate:open":t[4]||(t[4]=a=>d.value=a),title:e.unref(u)("ap.apTable.setting.title"),width:1e3,centered:!0,"body-style":{padding:"0px !important",height:"516px"},"after-open-change":J,"wrap-class-name":`${e.unref(p)()} ${e.unref(P)}`,"ok-text":e.unref(u)("ap.apTable.setting.saveAndApply"),onOk:F},{footer:e.withCtx(({extra:a})=>[e.createVNode(e.unref(l.Flex),{justify:"space-between"},{default:e.withCtx(()=>[e.createVNode(e.unref(l.Space),{size:12},{default:e.withCtx(()=>[e.createVNode(e.unref(l.Popover),{open:v.value,"onUpdate:open":t[3]||(t[3]=r=>v.value=r),trigger:"click",arrow:!1,placement:"topLeft","destroy-tooltip-on-hide":""},{content:e.withCtx(()=>[e.createVNode(ue.default,{onConfirm:G,onCancel:t[2]||(t[2]=()=>v.value=!1)})]),default:e.withCtx(()=>[e.createVNode(e.unref(re.default),{type:"borderLink",disabled:!n.config.persistenceKey},{icon:e.withCtx(()=>[e.createVNode(e.unref(z.SaveOutlined))]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ap.apTable.setting.saveAsTemplate"))+" ",1)]),_:1},8,["disabled"])]),_:1},8,["open"]),y.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(p)("modify-tip"))},e.toDisplayString(e.unref(u)("ap.apTable.setting.modifyNotification")),3)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.unref(l.Space),{size:10},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.cancelBtn))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.okBtn)))]),_:2},1024)]),_:2},1024)]),default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("left"))},[e.createVNode(ae.default,{"customize-template-list":e.unref(c),"persistence-key":C.value,onActiveChange:w},null,8,["customize-template-list","persistence-key"])],2),e.createVNode(e.unref(l.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("center"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)("center","header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)("center","tip-wrapper"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(g)("center","header-tips"))},e.toDisplayString(e.unref(u)("ap.apTable.setting.selectAllTip")),3),e.createVNode(e.unref(l.Button),{type:"link",size:"small",onClick:e.unref($)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(O)?e.unref(u)("ap.apTable.setting.unSelectAll"):e.unref(u)("ap.apTable.setting.selectAll")),1)]),_:1},8,["onClick"])],2),e.createVNode(e.unref(l.RadioGroup),{value:i.value,"onUpdate:value":t[0]||(t[0]=a=>i.value=a)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.RadioButton),{value:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ap.apTable.setting.sizeSmall")),1)]),_:1}),e.createVNode(e.unref(l.RadioButton),{value:"middle"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ap.apTable.setting.sizeNormal")),1)]),_:1})]),_:1},8,["value"])],2),e.createElementVNode("div",se,[e.createVNode(e.unref(l.Divider),{dashed:"",style:{margin:"0px"}})]),e.createVNode(le.default,{class:e.normalizeClass(e.unref(g)("center","content")),value:e.unref(s)},null,8,["class","value"])],2),e.createVNode(e.unref(l.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("right"))},[e.createVNode(oe.default,{value:e.unref(s),"onUpdate:value":t[1]||(t[1]=a=>e.isRef(s)?s.value=a:null),onReset:j},null,8,["value"])],2)],2),[[e.vShow,k.value]])]),_:1},8,["open","title","wrap-class-name","ok-text"])],64))}});exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("@ant-design/icons-vue"),l=require("@aplus-frontend/antdv");require("../../../../ap-button/index.js");const Q=require("../../../../utils/index.js");require("../../../../config-provider/index.js");const W=require("../../../../utils/slot.js"),X=require("../../../context.js"),Y=require("../../../hooks/use-table-column-state.js"),Z=require("../../../hooks/use-table-template-storage.js"),ee=require("../../../style/setting.js"),te=require("../context.js");require("../sorter/index.vue.js");require("../template/edit-form.vue.js");require("../template/index.vue.js");require("../tree-select/index.vue.js");const f=require("../utils.js"),ne=require("../../../../config-provider/hooks/use-locale.js"),B=require("../../../../config-provider/hooks/use-namespace.js"),ae=require("../template/index.vue2.js"),le=require("../tree-select/index.vue2.js"),oe=require("../sorter/index.vue2.js"),re=require("../../../../ap-button/ap-button.vue.js"),ue=require("../template/edit-form.vue2.js"),se={style:{"padding-inline":"8px"}},ie=e.defineComponent({name:"ApTableSetting",__name:"index",props:{config:{default:()=>({persistenceKey:""})}},setup(D){const m=D,{columnsBackup:E,updateSize:A,updateColumns:I}=X.useInjectApTable(),i=e.ref(),C=e.computed(()=>m.config.persistenceKey),v=e.ref(!1),{basicTemplate:K,customizeTemplateList:c,addTemplate:L,deleteTemplate:S,updateTemplate:R}=Z.useTableTemplateStorage(m.config,C),{columnState:s,setColumnState:N,isAllSelected:O,toggleSelectAll:$}=Y.useTableColumnState([]),h=`${C.value}__active_key`;function T(n){localStorage.setItem(h,n)}function V(){return localStorage.getItem(h)}const o=e.ref(V()??c.value?.[0].key);te.useProvideApColumnSetting({activeKey:o,cacheConfig:e.toRef(m,"config"),deleteTemplate:H});const{t:u}=ne.useLocale(),{b:p,be:g}=B.useNamespace("ap-column-setting"),{b:M}=B.useNamespace("ap-table"),P=ee.default("ap-column-setting"),d=e.ref(!1),k=e.ref(!1),U=e.useSlots(),b=W.getSingleVNode(U.trigger)||e.createVNode(l.Button,{icon:e.createVNode(z.SettingOutlined,null,null),class:M("setting-trigger-button")},null),x=b?e.cloneVNode(b,{onClick:()=>{d.value=!0}}):null;function j(){N(f.customCloneColumnStates(e.unref(K).columnState))}function q(n,t){I?.(f.default(e.unref(E),n)),A?.(t)}function F(){q(e.unref(s),e.unref(i)),d.value=!1;const n=f.customCloneColumnStates(s.value),t=R(o.value,{columnState:n,size:i.value});T(o.value),m.config?.onChange?.(n,t)}function G(n){const t=Q.randomStr();L({key:t,label:n,columnState:s.value,size:i.value}),v.value=!1,o.value=t}function w(n){const t=[...c.value].find(a=>a?.key===n);t&&(N(f.customCloneColumnStates(t.columnState)),i.value=t.size)}function H(n){if(n!==o.value){S(n);return}const t=c.value,a=t.findIndex(_=>_.key===n),r=t[a+1]?.key??t[a-1]?.key;S(n),o.value=r,T(r)}function J(n){if(k.value=n,!n){const t=V();t&&t!==o.value&&(o.value=t)}}e.watch(()=>o.value,(n,t)=>{if(!t&&n){const a=[...c.value].find(r=>r?.key===n);if(!a)return;q(a.columnState,a.size)}w(n)},{immediate:!0});const y=e.ref(!1);return e.watch([i,s,d],([n,t,a])=>{if(!a)return;const r=c.value.find(_=>_.key===o.value);r&&(r.size!==n||!f.isEqualColumnStateIgnoreLabel(t,r.columnState))?y.value=!0:y.value=!1},{deep:!0}),(n,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(x)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(x)),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(l.Modal),{open:d.value,"onUpdate:open":t[4]||(t[4]=a=>d.value=a),title:e.unref(u)("ap.apTable.setting.title"),width:1e3,centered:!0,"body-style":{padding:"0px !important",height:"516px"},"after-open-change":J,"wrap-class-name":`${e.unref(p)()} ${e.unref(P)}`,"ok-text":e.unref(u)("ap.apTable.setting.saveAndApply"),"mask-closable":!1,onOk:F},{footer:e.withCtx(({extra:a})=>[e.createVNode(e.unref(l.Flex),{justify:"space-between"},{default:e.withCtx(()=>[e.createVNode(e.unref(l.Space),{size:12},{default:e.withCtx(()=>[e.createVNode(e.unref(l.Popover),{open:v.value,"onUpdate:open":t[3]||(t[3]=r=>v.value=r),trigger:"click",arrow:!1,placement:"topLeft","destroy-tooltip-on-hide":""},{content:e.withCtx(()=>[e.createVNode(ue.default,{onConfirm:G,onCancel:t[2]||(t[2]=()=>v.value=!1)})]),default:e.withCtx(()=>[e.createVNode(e.unref(re.default),{type:"borderLink",disabled:!n.config.persistenceKey},{icon:e.withCtx(()=>[e.createVNode(e.unref(z.SaveOutlined))]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ap.apTable.setting.saveAsTemplate"))+" ",1)]),_:1},8,["disabled"])]),_:1},8,["open"]),y.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(p)("modify-tip"))},e.toDisplayString(e.unref(u)("ap.apTable.setting.modifyNotification")),3)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.unref(l.Space),{size:10},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.cancelBtn))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.okBtn)))]),_:2},1024)]),_:2},1024)]),default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("left"))},[e.createVNode(ae.default,{"customize-template-list":e.unref(c),"persistence-key":C.value,onActiveChange:w},null,8,["customize-template-list","persistence-key"])],2),e.createVNode(e.unref(l.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("center"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)("center","header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)("center","tip-wrapper"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(g)("center","header-tips"))},e.toDisplayString(e.unref(u)("ap.apTable.setting.selectAllTip")),3),e.createVNode(e.unref(l.Button),{type:"link",size:"small",onClick:e.unref($)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(O)?e.unref(u)("ap.apTable.setting.unSelectAll"):e.unref(u)("ap.apTable.setting.selectAll")),1)]),_:1},8,["onClick"])],2),e.createVNode(e.unref(l.RadioGroup),{value:i.value,"onUpdate:value":t[0]||(t[0]=a=>i.value=a)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.RadioButton),{value:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ap.apTable.setting.sizeSmall")),1)]),_:1}),e.createVNode(e.unref(l.RadioButton),{value:"middle"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ap.apTable.setting.sizeNormal")),1)]),_:1})]),_:1},8,["value"])],2),e.createElementVNode("div",se,[e.createVNode(e.unref(l.Divider),{dashed:"",style:{margin:"0px"}})]),e.createVNode(le.default,{class:e.normalizeClass(e.unref(g)("center","content")),value:e.unref(s)},null,8,["class","value"])],2),e.createVNode(e.unref(l.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("right"))},[e.createVNode(oe.default,{value:e.unref(s),"onUpdate:value":t[1]||(t[1]=a=>e.isRef(s)?s.value=a:null),onReset:j},null,8,["value"])],2)],2),[[e.vShow,k.value]])]),_:1},8,["open","title","wrap-class-name","ok-text"])],64))}});exports.default=ie;

package/lib/src/ap-table/components/setting/template/edit-form.vue.d.ts

@@ -14,6 +14,7 @@ type __VLS_Props = {
     onConfirm: (label?: string) => void;
     onCancel: () => void;
     initialValues?: Record<string, any>;
+    isEdit?: boolean;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
     formRef: ({