next-element-vue 0.5.6 → 0.5.7

package/dist/index.umd.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.5.6 v
- * 发布日期：2025-03-27
+ * 当前版本：0.5.7 v
+ * 发布日期：2025-04-10
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -1148,6 +1148,7 @@
             themeColor: "#c71585",
             headerBarColor: "#282c34",
             headerBarFontColor: "#FFFFFF",
+            headerBarFontActiveColor: "#c71585",
             isHeaderBarColorGradual: !1,
             asidebarColor: "#282c34",
             asidebarFontColor: "#ffffff",
@@ -1587,6 +1588,18 @@
                     class: _ns.b("config-bar-item")
                 }, [ vue.createVNode("span", {
                     class: _ns.be("config-bar-item", "label")
+                }, [ vue.createTextVNode("顶栏激活字体颜色") ]), vue.createVNode("div", {
+                    class: _ns.be("config-bar-item", "value")
+                }, [ vue.createVNode(elementPlus.ElColorPicker, {
+                    modelValue: settingConfig.headerBarFontActiveColor,
+                    "onUpdate:modelValue": $event => settingConfig.headerBarFontActiveColor = $event,
+                    predefine: [ "#282c34", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585", "#FB07A0" ],
+                    "show-alpha": !0,
+                    onChange: color => _onChangeColor(color, "headerBarFontActiveColor", "--next-layout-active-color")
+                }, null) ]) ]), vue.createVNode("div", {
+                    class: _ns.b("config-bar-item")
+                }, [ vue.createVNode("span", {
+                    class: _ns.be("config-bar-item", "label")
                 }, [ vue.createTextVNode("顶栏背景渐变") ]), vue.createVNode("div", {
                     class: _ns.be("config-bar-item", "value")
                 }, [ vue.createVNode(vue.resolveComponent("el-switch"), {
@@ -3946,6 +3959,7 @@
                 const item = dicData.find((o => o[_dicKey] == value));
                 return item ? item[_dicLabel] : value;
             }, renderCustomItem = (row, $index) => {
+                const prop = columnOption.prop, _prop = prop?.replace(/\./g, "-");
                 if (columnOption.children?.length > 0) return vue.createVNode(vue.Fragment, null, [ columnOption.children.map((column => {
                     return vue.createVNode(TableColumnDynamic, {
                         columnOption: column
@@ -3954,7 +3968,7 @@
                     });
                     var s;
                 })) ]);
-                if (slots[columnSlotName(columnOption.prop)]) return slots[columnSlotName(columnOption.prop)]({
+                if (slots[columnSlotName(_prop)]) return slots[columnSlotName(_prop)]({
                     row: row,
                     index: $index,
                     column: columnOption
@@ -3973,9 +3987,9 @@
                             temp.push(item);
                         })), temp;
                     }, mergeDicData = loopDicData(columnOption.dicData);
-                    return vue.createVNode("span", null, [ _formatterColumnValue(row[columnOption.prop], mergeDicData) ]);
+                    return vue.createVNode("span", null, [ _formatterColumnValue(row[prop], mergeDicData) ]);
                 }
-                return columnOption.cellUnit ? vue.createVNode(vue.Fragment, null, [ vue.createVNode("span", null, [ row[columnOption.prop] ]), vue.createVNode("em", {
+                return columnOption.cellUnit ? vue.createVNode(vue.Fragment, null, [ vue.createVNode("span", null, [ row[prop] ]), vue.createVNode("em", {
                     class: "cell-unit"
                 }, [ columnOption.cellUnit ]) ]) : columnOption.renderColumnCell ? columnOption.renderColumnCell({
                     row: row,
@@ -4384,7 +4398,7 @@
             }
         },
         emits: [ "select" ],
-        setup(props, {emit: emit}) {
+        setup(props, {emit: emit, slots: slots}) {
             const {t: t} = useLocale(), _disabled = props.disabled, _closable = props.closable, _column = props.column, _placeholder = _column.placeholder || t("next.form.select") + _column.label, _tableDefaultConfig = deepClone(defaultConfig$4), _tableSelectConfig = deepClone(tableSelectConfig), _options = merge(_tableDefaultConfig, _tableSelectConfig, _column.tableSelect), {value: propsValue, label: propsLabel} = _column.tableSelectProps || {
                 value: "id",
                 label: "name"
@@ -4535,7 +4549,8 @@
                                 align: _options.cellAlign
                             }, {
                                 default: ({row: row}) => renderSelectTypeContent(row)
-                            }) ]
+                            }) ],
+                            ...slots
                         }) ]
                     }) : vue.createVNode(elementPlus.ElRadioGroup, {
                         modelValue: _sinleSelection.value
@@ -4556,7 +4571,8 @@
                                 align: _options.cellAlign
                             }, {
                                 default: ({row: row}) => renderSelectTypeContent(row)
-                            }) ]
+                            }) ],
+                            ...slots
                         }) ]
                     }) ]), vue.createVNode("div", {
                         class: ns$a.em("input-table", "footer")
@@ -5183,7 +5199,7 @@
                         shortcuts: col.shortcuts || _defaultShortcuts
                     }, null);
                 }
-                return "numberRange" === col.type ? vue.createVNode(NumberRangePicker, {
+                if ("numberRange" === col.type) return vue.createVNode(NumberRangePicker, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                     disabled: col.disabled,
@@ -5192,19 +5208,30 @@
                         void (formParams[key] = Number(value));
                         var value, key;
                     }
-                }, null) : "inputTableSelect" === col.type ? vue.createVNode(InputTableSelect, {
-                    modelValue: formParams[col.prop],
-                    "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                    formParams: formParams,
-                    column: col,
-                    disabled: valueExist(col.disabled, !1),
-                    onSelect: rows => ((rows, col) => {
-                        rows && (col.tableSelectRows = rows);
-                        const {value: value} = col.tableSelectProps || {};
-                        formParams[col.prop] = rows.map((row => row[value || "value"])), col.onTableSelect?.(formParams, rows, col), 
-                        ruleFormRef.value?.validateField(col.prop);
-                    })(rows, col)
-                }, null) : "uploadImage" === col.type ? vue.createVNode(UploadImage, {
+                }, null);
+                if ("inputTableSelect" === col.type) {
+                    const _slots = {};
+                    for (const key in col.tableSelect.slots) _slots[key] = () => col.tableSelect.slots[key]?.({
+                        column: col,
+                        formParams: formParams
+                    });
+                    return vue.createVNode(InputTableSelect, {
+                        modelValue: formParams[col.prop],
+                        "onUpdate:modelValue": $event => formParams[col.prop] = $event,
+                        formParams: formParams,
+                        column: col,
+                        disabled: valueExist(col.disabled, !1),
+                        onSelect: rows => ((rows, col) => {
+                            rows && (col.tableSelectRows = rows);
+                            const {value: value} = col.tableSelectProps || {};
+                            formParams[col.prop] = rows.map((row => row[value || "value"])), col.onTableSelect?.(formParams, rows, col), 
+                            ruleFormRef.value?.validateField(col.prop);
+                        })(rows, col)
+                    }, _isSlot$2(_slots) ? _slots : {
+                        default: () => [ _slots ]
+                    });
+                }
+                return "uploadImage" === col.type ? vue.createVNode(UploadImage, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                     disabled: valueExist(col.disabled, !1),
@@ -8270,7 +8297,7 @@
         })(app);
     };
     var index = {
-        version: "0.5.6",
+        version: "0.5.7",
         install: install
     };
     exports.NextCarousel = NextCarousel, exports.NextContainer = NextContainer, exports.NextCrudTable = NextCrudTable, 
@@ -8318,7 +8345,7 @@
     }), exports.useGetDerivedNamespace = useGetDerivedNamespace, exports.useLanguage = (locale, lang) => {
         const localeRef = vue.isRef(locale) ? locale : vue.ref(locale), nextLang = localeLang[lang] || localeLang["zh-cn"];
         localeRef.value.name = lang, localeRef.value.next = nextLang.next;
-    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.5.6", 
+    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.5.7", 
     Object.defineProperty(exports, "__esModule", {
         value: !0
     });