next-element-vue 0.5.6 → 0.5.8

package/dist/index.umd.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.5.6 v
- * 发布日期：2025-03-27
+ * 当前版本：0.5.8 v
+ * 发布日期：2025-04-15
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -1148,6 +1148,7 @@
             themeColor: "#c71585",
             headerBarColor: "#282c34",
             headerBarFontColor: "#FFFFFF",
+            headerBarFontActiveColor: "",
             isHeaderBarColorGradual: !1,
             asidebarColor: "#282c34",
             asidebarFontColor: "#ffffff",
@@ -1489,7 +1490,9 @@
         render() {
             const _slots = vue.inject("__slots__", {}), _ns = vue.inject("__ns__", {}), _config = vue.inject("options", {}), _updateOptions = vue.inject("updateOptions", null), settingConfig = vue.reactive({
                 ..._config.setting
-            }), _changeUpdateOptions = () => {
+            });
+            settingConfig.headerBarFontActiveColor || (settingConfig.headerBarFontActiveColor = settingConfig.themeColor);
+            const _changeUpdateOptions = () => {
                 const options = {
                     ..._config,
                     setting: {
@@ -1587,6 +1590,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 +3961,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 +3970,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 +3989,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 +4400,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 +4551,8 @@
                                 align: _options.cellAlign
                             }, {
                                 default: ({row: row}) => renderSelectTypeContent(row)
-                            }) ]
+                            }) ],
+                            ...slots
                         }) ]
                     }) : vue.createVNode(elementPlus.ElRadioGroup, {
                         modelValue: _sinleSelection.value
@@ -4556,7 +4573,8 @@
                                 align: _options.cellAlign
                             }, {
                                 default: ({row: row}) => renderSelectTypeContent(row)
-                            }) ]
+                            }) ],
+                            ...slots
                         }) ]
                     }) ]), vue.createVNode("div", {
                         class: ns$a.em("input-table", "footer")
@@ -5183,7 +5201,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 +5210,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] = (...arg) => col.tableSelect.slots[key]?.({
+                        column: col,
+                        formParams: formParams
+                    }, ...arg);
+                    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),
@@ -5607,7 +5636,10 @@
                 updateColumns: ops => {
                     _updateColumnsAll(ops);
                 },
-                getSearchFormParams: () => _searchFormParams.value
+                getSearchFormParams: () => _searchFormParams.value,
+                reloadData: () => {
+                    onClickRefresh();
+                }
             });
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(vue.Fragment, null, [ vue.createVNode("div", {
                 ref: crudTableRef,
@@ -8270,7 +8302,7 @@
         })(app);
     };
     var index = {
-        version: "0.5.6",
+        version: "0.5.8",
         install: install
     };
     exports.NextCarousel = NextCarousel, exports.NextContainer = NextContainer, exports.NextCrudTable = NextCrudTable, 
@@ -8318,7 +8350,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.8", 
     Object.defineProperty(exports, "__esModule", {
         value: !0
     });