next-element-vue 0.4.9 → 0.5.1

package/dist/index.umd.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.4.9 v
- * 发布日期：2024-12-24
+ * 当前版本：0.5.1 v
+ * 发布日期：2024-12-28
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -995,8 +995,12 @@
     }, localeContextKey = elementPlus.localeContextKey, useLocale = localeOverrides => {
         const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
         return buildLocaleContext(vue.computed((() => locale?.value || zhcnLocale)));
-    };
+    }, reg_hex = /^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{8})$/i, reg_rgba = /^rgba\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*,\s*(0|1|0?\.\d+)\s*\)$/i;
     function useChangeColor() {
+        const rgbaToHex = rgba => {
+            const rgbaValues = rgba.replace(/^rgba?\(|\s+|\)$/g, "").split(",").map((value => parseFloat(value))), [r, g, b] = rgbaValues;
+            return `#${[ r, g, b ].map((value => Math.round(value).toString(16).padStart(2, "0"))).join("")}`.toUpperCase();
+        };
         return {
             hexToRgb: str => {
                 let hexs = "";
@@ -1022,17 +1026,24 @@
                 for (let i = 0; i < 3; i++) 1 == hexs[i].length && (hexs[i] = `0${hexs[i]}`);
                 return `#${hexs.join("")}`;
             },
+            rgbaToHex: rgbaToHex,
+            rgbaToHexAlpha: rgba => {
+                const rgbaValues = rgba.replace(/^rgba?\(|\s+|\)$/g, "").split(",").map((value => parseFloat(value))), [r, g, b, a] = rgbaValues, alpha = Math.round(255 * a).toString(16).padStart(2, "0");
+                return `#${[ r, g, b ].map((value => Math.round(value).toString(16).padStart(2, "0"))).join("")}${alpha}`.toUpperCase();
+            },
             getDarkColor: (color, level) => {
-                if (!/^\#?[0-9A-Fa-f]{6}$/.test(color)) return elementPlus.ElMessage.warning("输入错误的hex颜色值"), 
+                let _color = color;
+                if (reg_rgba.test(_color) && (_color = rgbaToHex(_color)), !reg_hex.test(_color)) return elementPlus.ElMessage.warning("输入错误的hex颜色值"), 
                 "";
-                let rgb = useChangeColor().hexToRgb(color);
+                let rgb = useChangeColor().hexToRgb(_color);
                 for (let i = 0; i < 3; i++) rgb[i] = Math.floor(rgb[i] * (1 - level));
                 return useChangeColor().rgbToHex(rgb[0], rgb[1], rgb[2]);
             },
             getLightColor: (color, level) => {
-                if (!/^\#?[0-9A-Fa-f]{6}$/.test(color)) return elementPlus.ElMessage.warning("输入错误的hex颜色值"), 
+                let _color = color;
+                if (reg_rgba.test(_color) && (_color = rgbaToHex(_color)), !reg_hex.test(_color)) return elementPlus.ElMessage.warning("输入错误的hex颜色值"), 
                 "";
-                let rgb = useChangeColor().hexToRgb(color);
+                let rgb = useChangeColor().hexToRgb(_color);
                 for (let i = 0; i < 3; i++) rgb[i] = Math.floor((255 - rgb[i]) * level + rgb[i]);
                 return useChangeColor().rgbToHex(rgb[0], rgb[1], rgb[2]);
             }
@@ -1569,6 +1580,7 @@
                     modelValue: settingConfig.themeColor,
                     "onUpdate:modelValue": $event => settingConfig.themeColor = $event,
                     predefine: [ "#409eff", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585", "#FB07A0" ],
+                    "show-alpha": !0,
                     onChange: _onChangeThemeColor
                 }, null) ]) ]), vue.createVNode("div", {
                     class: _ns.b("config-bar-item")
@@ -1596,6 +1608,7 @@
                     modelValue: settingConfig.headerBarColor,
                     "onUpdate:modelValue": $event => settingConfig.headerBarColor = $event,
                     predefine: [ "#282c34", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585", "#FB07A0" ],
+                    "show-alpha": !0,
                     onChange: color => _onChangeColor(color, "headerBarColor", "--next-layout-bg-color")
                 }, null) ]) ]), vue.createVNode("div", {
                     class: _ns.b("config-bar-item")
@@ -1607,6 +1620,7 @@
                     modelValue: settingConfig.headerBarFontColor,
                     "onUpdate:modelValue": $event => settingConfig.headerBarFontColor = $event,
                     predefine: [ "#282c34", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585", "#FB07A0" ],
+                    "show-alpha": !0,
                     onChange: color => _onChangeColor(color, "headerBarFontColor", "--next-layout-font-color")
                 }, null) ]) ]), vue.createVNode("div", {
                     class: _ns.b("config-bar-item")
@@ -2869,15 +2883,16 @@
             var s;
         }
     });
-    const findParentNode = (path, tree) => {
-        for (const node of tree) {
-            if (node.children?.some((child => child.path === path))) return node;
-            if (node.children) {
-                const parent = findParentNode(path, node.children);
-                if (parent) return parent;
+    const findGrandfatherNode = (path, tree) => {
+        let parentNode = null;
+        const loopNodes = (nodes, currentParent) => {
+            for (const node of nodes) {
+                if (node.path === path) return parentNode = currentParent, !0;
+                if (node.children && loopNodes(node.children, currentParent ?? node)) return !0;
             }
-        }
-        return null;
+            return !1;
+        };
+        return loopNodes(tree, null), parentNode;
     }, ns$h = useNamespace("menu");
     var MenuTop = vue.defineComponent({
         props: {
@@ -2896,10 +2911,12 @@
         },
         setup(props) {
             vue.provide("ns", ns$h);
-            const updateSubmentTree = vue.inject("updateSubmentTree"), router = vue.getCurrentInstance().appContext.config.globalProperties.$router, currentPath = router.currentRoute?.value.fullPath, parentNode = findParentNode(currentPath, props.menuTree), activeMenuId = vue.ref(parentNode?.id);
-            parentNode?.id && updateSubmentTree(parentNode.children), vue.watch((() => router.currentRoute?.value), (to => {
-                const parentNode = findParentNode(to.fullPath, props.menuTree);
-                activeMenuId.value = parentNode?.id, parentNode?.id && 1 === parentNode.meta?.level && updateSubmentTree(parentNode.children);
+            const updateSubmentTree = vue.inject("updateSubmentTree"), router = vue.getCurrentInstance().appContext.config.globalProperties.$router, currentPath = router.currentRoute?.value.fullPath, parentNode = findGrandfatherNode(currentPath, props.menuTree), activeMenuId = vue.ref(parentNode?.id);
+            parentNode?.id && 1 === parentNode.meta?.level && updateSubmentTree(parentNode.children), 
+            vue.watch((() => router.currentRoute?.value), (to => {
+                const parentNode = findGrandfatherNode(to.fullPath, props.menuTree);
+                if (activeMenuId.value = parentNode?.id, !parentNode) return updateSubmentTree([]);
+                parentNode?.id && 1 === parentNode.meta?.level && updateSubmentTree(parentNode.children);
             }));
             const findTreeFirst = tree => {
                 let result = tree[0];
@@ -3584,6 +3601,21 @@
                         editable: col.searchEditable || !1
                     }, null);
                 }
+                if ("daterange" === col.type) return vue.createVNode(elementPlus.ElDatePicker, {
+                    modelValue: formParams[col.prop],
+                    "onUpdate:modelValue": $event => formParams[col.prop] = $event,
+                    type: "daterange",
+                    "value-format": col.searchFormat || "YYYY-MM-DD",
+                    format: col.searchFormat || "YYYY-MM-DD",
+                    clearable: !0,
+                    "range-separator": t("next.date.rangeSeparator"),
+                    "start-placeholder": t("next.date.startPlaceholder"),
+                    "end-placeholder": t("next.date.endPlaceholder"),
+                    "disabled-date": col.searchDisabledDate || _defaultDisabledDate,
+                    disabled: _disabled,
+                    editable: col.searchEditable || !1,
+                    shortcuts: col.searchShortcuts || _defaultShortcuts
+                }, null);
                 if ("datetimerange" === col.type) return vue.createVNode(elementPlus.ElDatePicker, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
@@ -5122,7 +5154,7 @@
                         valueFormat: col.format || "YYYY-MM-DD",
                         format: col.format || "YYYY-MM-DD",
                         clearable: valueExist(col.clearable, !0),
-                        disabledDate: col.disabledDate || _defaultDisabledDate,
+                        disabledDate: time => col.disabledDate ? col.disabledDate(time, formParams) : _defaultDisabledDate(time),
                         editable: valueExist(col.editable, !1),
                         disabled: valueExist(col.disabled, !1),
                         readonly: valueExist(col.readonly, !1)
@@ -5138,12 +5170,32 @@
                         valueFormat: col.format || "YYYY-MM-DD HH:mm:ss",
                         format: col.format || "YYYY-MM-DD HH:mm:ss",
                         clearable: valueExist(col.clearable, !0),
-                        disabledDate: col.disabledDate || _defaultDisabledDate,
+                        disabledDate: time => col.disabledDate ? col.disabledDate(time, formParams) : _defaultDisabledDate(time),
                         editable: valueExist(col.editable, !1),
                         disabled: valueExist(col.disabled, !1),
                         readonly: valueExist(col.readonly, !1)
                     }, null);
                 }
+                if ("daterange" === col.type) {
+                    const placeholder = col.placeholder || t("next.form.select") + col.label;
+                    return vue.createVNode(elementPlus.ElDatePicker, {
+                        modelValue: formParams[col.prop],
+                        "onUpdate:modelValue": [ $event => formParams[col.prop] = $event, event => col.onChange?.(event, col, formParams, formColumns) ],
+                        placeholder: placeholder,
+                        type: "daterange",
+                        valueFormat: col.format || "YYYY-MM-DD ",
+                        format: col.format || "YYYY-MM-DD",
+                        "range-separator": t("next.date.rangeSeparator"),
+                        "start-placeholder": t("next.date.startPlaceholder"),
+                        "end-placeholder": t("next.date.endPlaceholder"),
+                        disabledDate: time => col.disabledDate ? col.disabledDate(time, formParams) : _defaultDisabledDate(time),
+                        clearable: valueExist(col.clearable, !0),
+                        editable: valueExist(col.editable, !1),
+                        disabled: valueExist(col.disabled, !1),
+                        readonly: valueExist(col.readonly, !1),
+                        shortcuts: col.shortcuts || _defaultShortcuts
+                    }, null);
+                }
                 if ("datetimerange" === col.type) {
                     const placeholder = col.placeholder || t("next.form.select") + col.label;
                     return vue.createVNode(elementPlus.ElDatePicker, {
@@ -5156,7 +5208,7 @@
                         "range-separator": t("next.date.rangeSeparator"),
                         "start-placeholder": t("next.date.startPlaceholder"),
                         "end-placeholder": t("next.date.endPlaceholder"),
-                        disabledDate: col.disabledDate || _defaultDisabledDate,
+                        disabledDate: time => col.disabledDate ? col.disabledDate(time, formParams) : _defaultDisabledDate(time),
                         clearable: valueExist(col.clearable, !0),
                         editable: valueExist(col.editable, !1),
                         disabled: valueExist(col.disabled, !1),
@@ -5378,6 +5430,7 @@
                             clearable: valueExist(col.formClearable, col.clearable, !0),
                             readonly: valueExist(col.formReadonly, col.readonly, !1),
                             disabledDate: valueExist(col.formDisabledDate, col.disabledDate, !1),
+                            shortcuts: valueExist(col.formShortcuts, col.shortcuts, null),
                             tip: valueExist(col.formTip, col.tip, null),
                             rules: valueExist(col.formRules, col.rules, null),
                             span: valueExist(col.formSpan, col.span, null),
@@ -8230,7 +8283,7 @@
         })(app);
     };
     var index = {
-        version: "0.4.9",
+        version: "0.5.1",
         install: install
     };
     exports.NextContainer = NextContainer, exports.NextCrudTable = NextCrudTable, exports.NextCrudTableVirtualized = NextCrudTableVirtualized, 
@@ -8278,7 +8331,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.4.9", 
+    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.5.1", 
     Object.defineProperty(exports, "__esModule", {
         value: !0
     });