yc-pro-components 0.0.74 → 0.0.76

package/index.mjs

@@ -1,5 +1,5 @@
-/*! yc-pro-components v0.0.74 */
-import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, useAttrs, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, toRefs, useSlots, onUnmounted, resolveDirective, pushScopeId, popScopeId, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow, createStaticVNode, hasInjectionContext, markRaw, effectScope, toRaw } from 'vue';
+/*! yc-pro-components v0.0.76 */
+import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, useAttrs, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, pushScopeId, popScopeId, toRefs, useSlots, onUnmounted, resolveDirective, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow, createStaticVNode, hasInjectionContext, markRaw, effectScope, toRaw } from 'vue';
 import { dayjs, localeContextKey, ElDialog, ElButton, ElPagination, ElRadioGroup, ElRadio, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElTooltip, ElPopconfirm, ElLink, ElMessageBox, useFormDisabled, ElDatePicker, ClickOutside, ElTag, ElInput, ElAutocomplete, ElCascader, ElCheckboxGroup, ElCheckbox, ElColorPicker, ElInputNumber, ElRate, ElSelect, ElOption, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElSelectV2, ElText, ElDivider, ElFormItem, ElOptionGroup, ElRow, ElCol, ElForm, ElCard, ElMessage, ElImage, ElProgress, ElAvatar, ElPopover, ElTable, vLoading, ElDescriptions, ElDescriptionsItem, ElDrawer, TableV2FixedDir, ElAutoResizer, ElTableV2, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop, ElUpload } from 'element-plus';
 
 const makeInstaller = (components = [], directives = {}) => {
@@ -16140,7 +16140,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
         ref: formItemInstance,
         label: _ctx.hasLabel ? labelValue.value : "",
         prop: _ctx.prop,
-        class: "plus-form-item"
+        class: ["plus-form-item", { "plus-form-item--no-label": !_ctx.hasLabel }]
       }, customFormItemProps.value, {
         "label-width": _ctx.hasLabel ? (_a = customFormItemProps.value) == null ? void 0 : _a.labelWidth : "0px"
       }), createSlots({
@@ -16548,7 +16548,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["label", "prop", "label-width"])) : createCommentVNode("v-if", true);
+      ]), 1040, ["label", "prop", "class", "label-width"])) : createCommentVNode("v-if", true);
     };
   }
 });
@@ -18337,11 +18337,12 @@ var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "index.vue"]]
 
 const PlusPopover = Popover;
 
+const _withScopeId$4 = (n) => (pushScopeId("data-v-d1506155"), n = n(), popScopeId(), n);
 const _hoisted_1$k = { class: "plus-table-title-bar" };
 const _hoisted_2$e = { class: "plus-table-title-bar__title" };
 const _hoisted_3$c = { class: "plus-table-title-bar__toolbar" };
 const _hoisted_4$a = { class: "plus-table-title-bar__toolbar__density" };
-const _hoisted_5$9 = /* @__PURE__ */ createElementVNode(
+const _hoisted_5$9 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode(
   "svg",
   {
     viewBox: "0 0 1024 1024",
@@ -18355,14 +18356,15 @@ const _hoisted_5$9 = /* @__PURE__ */ createElementVNode(
   ],
   -1
   /* HOISTED */
-);
+));
 const _hoisted_6$7 = { class: "plus-table-checkbox-checkAll" };
-const _hoisted_7$5 = {
+const _hoisted_7$5 = { class: "plus-table-checkbox-actions" };
+const _hoisted_8$4 = {
   key: 0,
   class: "plus-table-checkbox-handle"
 };
-const _hoisted_8$4 = { key: 1 };
 const _hoisted_9$4 = { key: 1 };
+const _hoisted_10$3 = { key: 1 };
 var _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlusTableToolbar"
@@ -18402,6 +18404,12 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
       var _a;
       return ((_a = columnSetting.value) == null ? void 0 : _a.overflowLabelLength) || 6;
     });
+    const confirmTextValue = computed(
+      () => {
+        var _a;
+        return ((_a = columnSetting.value) == null ? void 0 : _a.confirmText) || String(t("plus.table.confirmText"));
+      }
+    );
     const sortable = ref(null);
     const buttonNameDensity = [
       {
@@ -18423,6 +18431,20 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
       }
       return props.columns.filter((item) => unref(item.headerIsChecked) !== false).map((item) => getTableKey(item));
     };
+    const buildFilterColumns = () => {
+      return props.columns.map((item) => {
+        if (state.checkList.includes(getTableKey(item))) {
+          return { ...item, headerIsChecked: true };
+        }
+        return { ...item, headerIsChecked: false };
+      });
+    };
+    const buildConfirmPayload = () => {
+      const columns = buildFilterColumns();
+      const order = columns.map((item) => String(item.prop || "")).filter(Boolean);
+      const checked = columns.filter((item) => item.headerIsChecked !== false).map((item) => String(item.prop || "")).filter(Boolean);
+      return { columns, order, checked };
+    };
     const state = reactive({
       checkAll: true,
       isIndeterminate: false,
@@ -18451,13 +18473,11 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
       handleFilterTableConfirm("allCheck");
     };
     const handleFilterTableConfirm = (type) => {
-      const filterColumns = props.columns.map((item) => {
-        if (state.checkList.includes(getTableKey(item))) {
-          return { ...item, headerIsChecked: true };
-        }
-        return { ...item, headerIsChecked: false };
-      });
-      emit("filterTableHeader", filterColumns, type);
+      emit("filterTableHeader", buildFilterColumns(), type);
+    };
+    const handleConfirmClick = async () => {
+      var _a, _b;
+      await ((_b = (_a = columnSetting.value) == null ? void 0 : _a.onConfirm) == null ? void 0 : _b.call(_a, buildConfirmPayload()));
     };
     const handleCheckGroupChange = (value) => {
       setCheckAllState(value);
@@ -18522,10 +18542,10 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
               1
               /* TEXT */
             )
-          ])
+          ], true)
         ]),
         createElementVNode("div", _hoisted_3$c, [
-          renderSlot(_ctx.$slots, "toolbar"),
+          renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
           ((_a = titleBarConfig.value) == null ? void 0 : _a.refresh) === true ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "plus-table-title-bar__toolbar__refresh",
@@ -18549,7 +18569,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                     _: 1
                     /* STABLE */
                   }, 8, ["size", "color"])
-                ])
+                ], true)
               ]),
               _: 3
               /* FORWARDED */
@@ -18582,7 +18602,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                       _: 1
                       /* STABLE */
                     }, 8, ["size", "color"])
-                  ])
+                  ], true)
                 ]),
                 _: 3
                 /* FORWARDED */
@@ -18647,14 +18667,14 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                       _: 1
                       /* STABLE */
                     }, 8, ["size", "color"])
-                  ])
+                  ], true)
                 ]),
                 _: 3
                 /* FORWARDED */
               }, 8, ["content"])
             ]),
             default: withCtx(() => {
-              var _a2, _b2, _c2;
+              var _a2, _b2, _c2, _d;
               return [
                 createElementVNode("div", _hoisted_6$7, [
                   createVNode(unref(ElCheckbox), {
@@ -18673,24 +18693,43 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                     _: 1
                     /* STABLE */
                   }, 8, ["modelValue", "indeterminate"]),
-                  ((_a2 = columnSetting.value) == null ? void 0 : _a2.reset) !== false ? (openBlock(), createBlock(unref(ElLink), mergeProps({
-                    key: 0,
-                    type: "primary",
-                    underline: unref(versionIsLessThan299) ? false : "never",
-                    href: "javaScript:;"
-                  }, unref(isPlainObject$1)((_b2 = columnSetting.value) == null ? void 0 : _b2.reset) ? (_c2 = columnSetting.value) == null ? void 0 : _c2.reset : {}, {
-                    onClick: withModifiers(resetCheckBoxList, ["stop", "prevent"])
-                  }), {
-                    default: withCtx(() => [
-                      createTextVNode(
-                        toDisplayString(unref(t)("plus.table.resetText")),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 16, ["underline"])) : createCommentVNode("v-if", true)
+                  createElementVNode("div", _hoisted_7$5, [
+                    ((_a2 = columnSetting.value) == null ? void 0 : _a2.confirm) ? (openBlock(), createBlock(unref(ElLink), {
+                      key: 0,
+                      type: "primary",
+                      underline: unref(versionIsLessThan299) ? false : "never",
+                      href: "javaScript:;",
+                      onClick: withModifiers(handleConfirmClick, ["stop", "prevent"])
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(confirmTextValue.value),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["underline"])) : createCommentVNode("v-if", true),
+                    ((_b2 = columnSetting.value) == null ? void 0 : _b2.reset) !== false ? (openBlock(), createBlock(unref(ElLink), mergeProps({
+                      key: 1,
+                      type: "primary",
+                      underline: unref(versionIsLessThan299) ? false : "never",
+                      href: "javaScript:;"
+                    }, unref(isPlainObject$1)((_c2 = columnSetting.value) == null ? void 0 : _c2.reset) ? (_d = columnSetting.value) == null ? void 0 : _d.reset : {}, {
+                      onClick: withModifiers(resetCheckBoxList, ["stop", "prevent"])
+                    }), {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(unref(t)("plus.table.resetText")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 16, ["underline"])) : createCommentVNode("v-if", true)
+                  ])
                 ]),
                 createVNode(unref(ElCheckboxGroup), {
                   modelValue: state.checkList,
@@ -18715,10 +18754,10 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                               key: item.prop,
                               class: "plus-table-checkbox-item"
                             }, [
-                              ((_a3 = columnSetting.value) == null ? void 0 : _a3.dragSort) !== false ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
+                              ((_a3 = columnSetting.value) == null ? void 0 : _a3.dragSort) !== false ? (openBlock(), createElementBlock("div", _hoisted_8$4, [
                                 renderSlot(_ctx.$slots, "drag-sort-icon", {}, () => [
                                   createTextVNode("\u2637")
-                                ])
+                                ], true)
                               ])) : createCommentVNode("v-if", true),
                               createCommentVNode(" element-plus \u7248\u672C\u53F7\u5C0F\u4E8E2.6.0 "),
                               unref(versionIsLessThan260) ? (openBlock(), createBlock(unref(ElCheckbox), {
@@ -18744,7 +18783,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                                     /* DYNAMIC */
                                   }, 1032, ["content"])) : (openBlock(), createElementBlock(
                                     "span",
-                                    _hoisted_8$4,
+                                    _hoisted_9$4,
                                     toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                     1
                                     /* TEXT */
@@ -18779,7 +18818,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                                         /* DYNAMIC */
                                       }, 1032, ["content"])) : (openBlock(), createElementBlock(
                                         "span",
-                                        _hoisted_9$4,
+                                        _hoisted_10$3,
                                         toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                         1
                                         /* TEXT */
@@ -18816,7 +18855,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-var PlusTableTitleBar = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "table-title-bar.vue"]]);
+var PlusTableTitleBar = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-d1506155"], ["__file", "table-title-bar.vue"]]);
 
 const _hoisted_1$j = { class: "plus-table-expand-col" };
 var _sfc_main$x = /* @__PURE__ */ defineComponent({
@@ -60376,8 +60415,7 @@ const closeAllDrawer = () => {
   drawerStore.value = [];
 };
 
-const import_meta = {};
-const _withScopeId$3 = (n) => (pushScopeId("data-v-eb9ddafc"), n = n(), popScopeId(), n);
+const _withScopeId$3 = (n) => (pushScopeId("data-v-80cac14a"), n = n(), popScopeId(), n);
 const _hoisted_1$6 = { class: "custom-drawer-header" };
 const _hoisted_2$6 = { class: "header-content" };
 const _hoisted_3$6 = ["id"];
@@ -60396,7 +60434,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const shouldRender = claimDrawerInstance();
-    if (!shouldRender && import_meta.env.DEV) {
+    if (!shouldRender && process.env.NODE_ENV !== "production") {
       console.warn(
         "[YcDrawer] Multiple <YcDrawer /> instances detected. Only the first instance renders drawers. Remove duplicate <YcDrawer /> from your component \u2014 it only needs to be placed once in the root App."
       );
@@ -60638,7 +60676,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-eb9ddafc"], ["__file", "index.vue"]]);
+var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-80cac14a"], ["__file", "index.vue"]]);
 
 const YcDrawer = YcDrawerComponent;
 const ReDrawer = YcDrawerComponent;
@@ -64262,7 +64300,7 @@ function createDictStore(config) {
   });
 }
 
-const version = "0.0.74";
+const version = "0.0.76";
 
 const install = installer.install;
 

package/lib/components/form-item/src/index.vue2.js

@@ -233,7 +233,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ref: formItemInstance,
         label: _ctx.hasLabel ? labelValue.value : "",
         prop: _ctx.prop,
-        class: "plus-form-item"
+        class: ["plus-form-item", { "plus-form-item--no-label": !_ctx.hasLabel }]
       }, customFormItemProps.value, {
         "label-width": _ctx.hasLabel ? (_a = customFormItemProps.value) == null ? void 0 : _a.labelWidth : "0px"
       }), vue.createSlots({
@@ -641,7 +641,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["label", "prop", "label-width"])) : vue.createCommentVNode("v-if", true);
+      ]), 1040, ["label", "prop", "class", "label-width"])) : vue.createCommentVNode("v-if", true);
     };
   }
 });

package/lib/components/table/src/table-title-bar.vue.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tableTitleBar_vue_vue_type_script_setup_true_lang = require('./table-title-bar.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var PlusTableTitleBar = /* @__PURE__ */ _pluginVue_exportHelper.default(tableTitleBar_vue_vue_type_script_setup_true_lang.default, [["__file", "table-title-bar.vue"]]);
+var PlusTableTitleBar = /* @__PURE__ */ _pluginVue_exportHelper.default(tableTitleBar_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-d1506155"], ["__file", "table-title-bar.vue"]]);
 
 exports.default = PlusTableTitleBar;

package/lib/components/table/src/table-title-bar.vue2.js

@@ -11,11 +11,12 @@ var Sortable = require('sortablejs');
 var elementPlus = require('element-plus');
 var is = require('../../utils/is.js');
 
+const _withScopeId = (n) => (vue.pushScopeId("data-v-d1506155"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = { class: "plus-table-title-bar" };
 const _hoisted_2 = { class: "plus-table-title-bar__title" };
 const _hoisted_3 = { class: "plus-table-title-bar__toolbar" };
 const _hoisted_4 = { class: "plus-table-title-bar__toolbar__density" };
-const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "svg",
   {
     viewBox: "0 0 1024 1024",
@@ -29,14 +30,15 @@ const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode(
   ],
   -1
   /* HOISTED */
-);
+));
 const _hoisted_6 = { class: "plus-table-checkbox-checkAll" };
-const _hoisted_7 = {
+const _hoisted_7 = { class: "plus-table-checkbox-actions" };
+const _hoisted_8 = {
   key: 0,
   class: "plus-table-checkbox-handle"
 };
-const _hoisted_8 = { key: 1 };
 const _hoisted_9 = { key: 1 };
+const _hoisted_10 = { key: 1 };
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlusTableToolbar"
@@ -76,6 +78,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return ((_a = columnSetting.value) == null ? void 0 : _a.overflowLabelLength) || 6;
     });
+    const confirmTextValue = vue.computed(
+      () => {
+        var _a;
+        return ((_a = columnSetting.value) == null ? void 0 : _a.confirmText) || String(t("plus.table.confirmText"));
+      }
+    );
     const sortable = vue.ref(null);
     const buttonNameDensity = [
       {
@@ -97,6 +105,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return props.columns.filter((item) => vue.unref(item.headerIsChecked) !== false).map((item) => index$1.getTableKey(item));
     };
+    const buildFilterColumns = () => {
+      return props.columns.map((item) => {
+        if (state.checkList.includes(index$1.getTableKey(item))) {
+          return { ...item, headerIsChecked: true };
+        }
+        return { ...item, headerIsChecked: false };
+      });
+    };
+    const buildConfirmPayload = () => {
+      const columns = buildFilterColumns();
+      const order = columns.map((item) => String(item.prop || "")).filter(Boolean);
+      const checked = columns.filter((item) => item.headerIsChecked !== false).map((item) => String(item.prop || "")).filter(Boolean);
+      return { columns, order, checked };
+    };
     const state = vue.reactive({
       checkAll: true,
       isIndeterminate: false,
@@ -125,13 +147,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       handleFilterTableConfirm("allCheck");
     };
     const handleFilterTableConfirm = (type) => {
-      const filterColumns = props.columns.map((item) => {
-        if (state.checkList.includes(index$1.getTableKey(item))) {
-          return { ...item, headerIsChecked: true };
-        }
-        return { ...item, headerIsChecked: false };
-      });
-      emit("filterTableHeader", filterColumns, type);
+      emit("filterTableHeader", buildFilterColumns(), type);
+    };
+    const handleConfirmClick = async () => {
+      var _a, _b;
+      await ((_b = (_a = columnSetting.value) == null ? void 0 : _a.onConfirm) == null ? void 0 : _b.call(_a, buildConfirmPayload()));
     };
     const handleCheckGroupChange = (value) => {
       setCheckAllState(value);
@@ -196,10 +216,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               1
               /* TEXT */
             )
-          ])
+          ], true)
         ]),
         vue.createElementVNode("div", _hoisted_3, [
-          vue.renderSlot(_ctx.$slots, "toolbar"),
+          vue.renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
           ((_a = titleBarConfig.value) == null ? void 0 : _a.refresh) === true ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             class: "plus-table-title-bar__toolbar__refresh",
@@ -223,7 +243,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     _: 1
                     /* STABLE */
                   }, 8, ["size", "color"])
-                ])
+                ], true)
               ]),
               _: 3
               /* FORWARDED */
@@ -256,7 +276,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       _: 1
                       /* STABLE */
                     }, 8, ["size", "color"])
-                  ])
+                  ], true)
                 ]),
                 _: 3
                 /* FORWARDED */
@@ -321,14 +341,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       _: 1
                       /* STABLE */
                     }, 8, ["size", "color"])
-                  ])
+                  ], true)
                 ]),
                 _: 3
                 /* FORWARDED */
               }, 8, ["content"])
             ]),
             default: vue.withCtx(() => {
-              var _a2, _b2, _c2;
+              var _a2, _b2, _c2, _d;
               return [
                 vue.createElementVNode("div", _hoisted_6, [
                   vue.createVNode(vue.unref(elementPlus.ElCheckbox), {
@@ -347,24 +367,43 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     _: 1
                     /* STABLE */
                   }, 8, ["modelValue", "indeterminate"]),
-                  ((_a2 = columnSetting.value) == null ? void 0 : _a2.reset) !== false ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), vue.mergeProps({
-                    key: 0,
-                    type: "primary",
-                    underline: vue.unref(index$1.versionIsLessThan299) ? false : "never",
-                    href: "javaScript:;"
-                  }, vue.unref(is.isPlainObject)((_b2 = columnSetting.value) == null ? void 0 : _b2.reset) ? (_c2 = columnSetting.value) == null ? void 0 : _c2.reset : {}, {
-                    onClick: vue.withModifiers(resetCheckBoxList, ["stop", "prevent"])
-                  }), {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(
-                        vue.toDisplayString(vue.unref(t)("plus.table.resetText")),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 16, ["underline"])) : vue.createCommentVNode("v-if", true)
+                  vue.createElementVNode("div", _hoisted_7, [
+                    ((_a2 = columnSetting.value) == null ? void 0 : _a2.confirm) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), {
+                      key: 0,
+                      type: "primary",
+                      underline: vue.unref(index$1.versionIsLessThan299) ? false : "never",
+                      href: "javaScript:;",
+                      onClick: vue.withModifiers(handleConfirmClick, ["stop", "prevent"])
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(confirmTextValue.value),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["underline"])) : vue.createCommentVNode("v-if", true),
+                    ((_b2 = columnSetting.value) == null ? void 0 : _b2.reset) !== false ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), vue.mergeProps({
+                      key: 1,
+                      type: "primary",
+                      underline: vue.unref(index$1.versionIsLessThan299) ? false : "never",
+                      href: "javaScript:;"
+                    }, vue.unref(is.isPlainObject)((_c2 = columnSetting.value) == null ? void 0 : _c2.reset) ? (_d = columnSetting.value) == null ? void 0 : _d.reset : {}, {
+                      onClick: vue.withModifiers(resetCheckBoxList, ["stop", "prevent"])
+                    }), {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(vue.unref(t)("plus.table.resetText")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 16, ["underline"])) : vue.createCommentVNode("v-if", true)
+                  ])
                 ]),
                 vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), {
                   modelValue: state.checkList,
@@ -389,10 +428,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                               key: item.prop,
                               class: "plus-table-checkbox-item"
                             }, [
-                              ((_a3 = columnSetting.value) == null ? void 0 : _a3.dragSort) !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                              ((_a3 = columnSetting.value) == null ? void 0 : _a3.dragSort) !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
                                 vue.renderSlot(_ctx.$slots, "drag-sort-icon", {}, () => [
                                   vue.createTextVNode("\u2637")
-                                ])
+                                ], true)
                               ])) : vue.createCommentVNode("v-if", true),
                               vue.createCommentVNode(" element-plus \u7248\u672C\u53F7\u5C0F\u4E8E2.6.0 "),
                               vue.unref(index$1.versionIsLessThan260) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
@@ -418,7 +457,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     /* DYNAMIC */
                                   }, 1032, ["content"])) : (vue.openBlock(), vue.createElementBlock(
                                     "span",
-                                    _hoisted_8,
+                                    _hoisted_9,
                                     vue.toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                     1
                                     /* TEXT */
@@ -453,7 +492,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                         /* DYNAMIC */
                                       }, 1032, ["content"])) : (vue.openBlock(), vue.createElementBlock(
                                         "span",
-                                        _hoisted_9,
+                                        _hoisted_10,
                                         vue.toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                         1
                                         /* TEXT */

package/lib/components/table/src/type.d.ts

@@ -322,6 +322,14 @@ export interface PlusTableState {
  * 列设置类型
  * @version v0.1.20 新增reset,默认：true
  */
+/**
+ * 列设置确认回调 payload
+ */
+export type ColumnSettingConfirmPayload = {
+    columns: PlusColumn[];
+    order: string[];
+    checked: string[];
+};
 export type ColumnSetting = {
     dragSort?: boolean | Partial<SortableOptions>;
     /**
@@ -342,6 +350,15 @@ export type ColumnSetting = {
      * @default 6
      */
     overflowLabelLength?: number;
+    /**
+     * 是否显示「确认」按钮；默认 false 不展示
+     * 不影响勾选/拖拽/重置的即时生效行为，点击确认仅触发 onConfirm 回调（如发起保存请求）
+     */
+    confirm?: boolean;
+    /** 确认按钮文案 */
+    confirmText?: string;
+    /** 点击确认时回调，payload 为当前列设置快照 */
+    onConfirm?: (payload: ColumnSettingConfirmPayload) => void | Promise<void>;
 };
 /**
  * 标题栏

package/lib/components/yc-drawer/src/index.vue.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var YcDrawerComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-eb9ddafc"], ["__file", "index.vue"]]);
+var YcDrawerComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-80cac14a"], ["__file", "index.vue"]]);
 
 exports.default = YcDrawerComponent;

package/lib/components/yc-drawer/src/index.vue2.js

@@ -8,8 +8,7 @@ var ElementPlusIconsVue = require('@element-plus/icons-vue');
 var store = require('../store.js');
 var dict = require('../../../constants/dict.js');
 
-const import_meta = {};
-const _withScopeId = (n) => (vue.pushScopeId("data-v-eb9ddafc"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-80cac14a"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = { class: "custom-drawer-header" };
 const _hoisted_2 = { class: "header-content" };
 const _hoisted_3 = ["id"];
@@ -28,7 +27,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
     const shouldRender = store.claimDrawerInstance();
-    if (!shouldRender && import_meta.env.DEV) {
+    if (!shouldRender && process.env.NODE_ENV !== "production") {
       console.warn(
         "[YcDrawer] Multiple <YcDrawer /> instances detected. Only the first instance renders drawers. Remove duplicate <YcDrawer /> from your component \u2014 it only needs to be placed once in the root App."
       );