yc-pro-components 0.0.74 → 0.0.76

package/es/components/form-item/src/index.vue2.mjs

@@ -229,7 +229,7 @@ var _sfc_main = /* @__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({
@@ -637,7 +637,7 @@ var _sfc_main = /* @__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);
     };
   }
 });

package/es/components/table/src/table-title-bar.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './table-title-bar.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var PlusTableTitleBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "table-title-bar.vue"]]);
+var PlusTableTitleBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1506155"], ["__file", "table-title-bar.vue"]]);
 
 export { PlusTableTitleBar as default };

package/es/components/table/src/table-title-bar.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, watch, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, unref, withCtx, createCommentVNode, createBlock, Fragment, renderList, mergeProps, withModifiers } from 'vue';
+import { defineComponent, ref, computed, reactive, watch, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, unref, withCtx, createCommentVNode, createBlock, Fragment, renderList, withModifiers, mergeProps, pushScopeId, popScopeId } from 'vue';
 import { RefreshRight, Setting } from '@element-plus/icons-vue';
 import { PlusPopover } from '../../popover/index.mjs';
 import { versionIsLessThan299, versionIsLessThan260, getTableKey, getLabel } from '../../utils/index.mjs';
@@ -7,11 +7,12 @@ import Sortable from 'sortablejs';
 import { ElTooltip, ElIcon, ElButton, ElCheckbox, ElLink, ElCheckboxGroup } from 'element-plus';
 import { isPlainObject } from '../../utils/is.mjs';
 
+const _withScopeId = (n) => (pushScopeId("data-v-d1506155"), n = n(), 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__ */ createElementVNode(
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
   "svg",
   {
     viewBox: "0 0 1024 1024",
@@ -25,14 +26,15 @@ const _hoisted_5 = /* @__PURE__ */ 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__ */ defineComponent({
   ...{
     name: "PlusTableToolbar"
@@ -72,6 +74,12 @@ var _sfc_main = /* @__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 = [
       {
@@ -93,6 +101,20 @@ var _sfc_main = /* @__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,
@@ -121,13 +143,11 @@ var _sfc_main = /* @__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);
@@ -192,10 +212,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               1
               /* TEXT */
             )
-          ])
+          ], true)
         ]),
         createElementVNode("div", _hoisted_3, [
-          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",
@@ -219,7 +239,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                     /* STABLE */
                   }, 8, ["size", "color"])
-                ])
+                ], true)
               ]),
               _: 3
               /* FORWARDED */
@@ -252,7 +272,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 1
                       /* STABLE */
                     }, 8, ["size", "color"])
-                  ])
+                  ], true)
                 ]),
                 _: 3
                 /* FORWARDED */
@@ -317,14 +337,14 @@ var _sfc_main = /* @__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, [
                   createVNode(unref(ElCheckbox), {
@@ -343,24 +363,43 @@ var _sfc_main = /* @__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)((_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, [
+                    ((_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)((_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,
@@ -385,10 +424,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                               key: item.prop,
                               class: "plus-table-checkbox-item"
                             }, [
-                              ((_a3 = columnSetting.value) == null ? void 0 : _a3.dragSort) !== false ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                              ((_a3 = columnSetting.value) == null ? void 0 : _a3.dragSort) !== false ? (openBlock(), createElementBlock("div", _hoisted_8, [
                                 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), {
@@ -414,7 +453,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                     /* DYNAMIC */
                                   }, 1032, ["content"])) : (openBlock(), createElementBlock(
                                     "span",
-                                    _hoisted_8,
+                                    _hoisted_9,
                                     toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                     1
                                     /* TEXT */
@@ -449,7 +488,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                         /* DYNAMIC */
                                       }, 1032, ["content"])) : (openBlock(), createElementBlock(
                                         "span",
-                                        _hoisted_9,
+                                        _hoisted_10,
                                         toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                         1
                                         /* TEXT */

package/es/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/es/components/yc-drawer/src/index.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './index.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb9ddafc"], ["__file", "index.vue"]]);
+var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-80cac14a"], ["__file", "index.vue"]]);
 
 export { YcDrawerComponent as default };

package/es/components/yc-drawer/src/index.vue2.mjs

@@ -4,8 +4,7 @@ import { Close } from '@element-plus/icons-vue';
 import { drawerStore, claimDrawerInstance, releaseDrawerInstance, closeDrawer } from '../store.mjs';
 import { DictStoreInjectionKey } from '../../../constants/dict.mjs';
 
-const import_meta = {};
-const _withScopeId = (n) => (pushScopeId("data-v-eb9ddafc"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-80cac14a"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "custom-drawer-header" };
 const _hoisted_2 = { class: "header-content" };
 const _hoisted_3 = ["id"];
@@ -24,7 +23,7 @@ var _sfc_main = /* @__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."
       );