next-element-vue 0.3.9 → 0.4.1

package/dist/index.umd.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.3.9 v
- * 发布日期：2024-11-12
+ * 当前版本：0.4.1 v
+ * 发布日期：2024-11-17
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -3481,6 +3481,12 @@
                     disabled: col.disabled,
                     column: col,
                     formParams: formParams
+                }, null) : "cascader" === col.type ? vue.createVNode(NextTreeCascader, {
+                    modelValue: formParams[col.prop],
+                    "onUpdate:modelValue": $event => formParams[col.prop] = $event,
+                    disabled: col.disabled,
+                    column: col,
+                    formParams: formParams
                 }, null) : void 0;
             };
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(vue.Fragment, null, [ columns.value.map((col => !col.hide && vue.createVNode(elementPlus.ElCol, {
@@ -3781,9 +3787,15 @@
             columnSlots.value.forEach((slotName => {
                 column_slots[slotName] = (...arg) => slots[slotName] && slots[slotName](...arg);
             }));
-            const _options = vue.inject("options", {}), options = vue.isRef(_options) ? vue.unref(_options) : _options, columnOption = props.columnOption, _dicKey = valueExist(columnOption.dicKey, "value"), _formatterColumnValue = (value, dicData) => {
+            const _options = vue.inject("options", {}), options = vue.isRef(_options) ? vue.unref(_options) : _options, columnOption = props.columnOption, _dicKey = valueExist(columnOption.dicKey, "value"), _dicLabel = valueExist(columnOption.dicLabel, columnOption.treeSelectProps?.label, "label"), _separator = valueExist(columnOption.treeSelectProps?.separator, ","), _formatterColumnValue = (value, dicData) => {
+                if (Array.isArray(value)) {
+                    const temp = [];
+                    return value.forEach((val => {
+                        temp.push(_formatterColumnValue(val, dicData));
+                    })), temp.join(_separator);
+                }
                 const item = dicData.find((o => o[_dicKey] == value));
-                return item ? item.label : value;
+                return item ? item[_dicLabel] : value;
             }, renderCustomItem = (row, $index) => {
                 if (columnOption.children?.length > 0) return vue.createVNode(vue.Fragment, null, [ columnOption.children.map((column => {
                     return vue.createVNode(TableColumnDynamic, {
@@ -3976,6 +3988,14 @@
     var NextDialog$1 = vue.defineComponent({
         name: "NextDialog",
         props: {
+            className: {
+                type: String,
+                default: ""
+            },
+            style: {
+                type: Object,
+                default: () => ({})
+            },
             modelValue: {
                 type: Boolean,
                 default: !1
@@ -4041,7 +4061,8 @@
             return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(elementPlus.ElDialog, {
                 modelValue: visible.value,
                 "onUpdate:modelValue": $event => visible.value = $event,
-                class: ns$b.b(),
+                class: [ ns$b.b(), props.className ],
+                style: props.style,
                 title: props.title,
                 appendToBody: props.appendToBody,
                 "destroy-on-close": !0,
@@ -4557,6 +4578,60 @@
                 onClear: onClearValue
             }, null) ]);
         }
+    }), treeCascader = vue.defineComponent({
+        name: "NextTreeCascader",
+        props: {
+            modelValue: {
+                type: [ Number, String, Boolean, Object, Array ],
+                default: ""
+            },
+            column: {
+                type: Object,
+                default: () => ({})
+            },
+            disabled: {
+                type: Boolean,
+                default: !1
+            },
+            formParams: {
+                type: Object,
+                default: () => ({})
+            }
+        },
+        emits: [ "change", "clear", "expand-change", "visible-change", "remove-tag", "blur", "focus" ],
+        setup(props, {emit: emit, expose: expose}) {
+            const {t: t} = useLocale(), _modelValue = vue.ref(props.modelValue);
+            vue.watch((() => props.modelValue), (val => {
+                _modelValue.value = val;
+            }));
+            const _column = props.column, placeholder = _column.placeholder || t("next.form.select") + _column.label, _defaultProps = {
+                label: "label",
+                children: "children"
+            }, onChange = val => {
+                const nodes = treeSelectRef.value.getCheckedNodes().map((item => item.data));
+                props.formParams[_column.prop] = val, _modelValue.value = val, emit("change", val, nodes);
+            }, treeSelectRef = vue.ref(), getInstance = () => treeSelectRef.value;
+            _column.loadInstance && _column.loadInstance(getInstance()), expose({
+                getInstance: getInstance,
+                onClearValue: () => {
+                    props.formParams[_column.prop] = "", _modelValue.value = "";
+                }
+            });
+            return () => vue.createVNode(vue.Fragment, null, [ vue.createVNode(elementPlus.ElCascader, {
+                ref: treeSelectRef,
+                modelValue: _modelValue.value,
+                "onUpdate:modelValue": $event => _modelValue.value = $event,
+                placeholder: placeholder,
+                options: valueExist(_column.dicData, []),
+                props: valueExist(_column.treeSelectProps, _defaultProps),
+                disabled: valueExist(props.disabled, !1),
+                clearable: valueExist(_column.clearable, !0),
+                filterable: valueExist(_column.filterable, !1),
+                "collapse-tags": !0,
+                "collapse-tags-tooltip": !0,
+                onChange: onChange
+            }, null) ]);
+        }
     });
     function _isSlot$2(s) {
         return "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !vue.isVNode(s);
@@ -4921,7 +4996,15 @@
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                     disabled: valueExist(col.disabled, !1),
                     column: col,
-                    formParams: formParams
+                    formParams: formParams,
+                    onChange: (...arg) => col.onChange?.(...arg, col, formParams, formColumns)
+                }, null) : "cascader" === col.type ? vue.createVNode(treeCascader, {
+                    modelValue: formParams[col.prop],
+                    "onUpdate:modelValue": $event => formParams[col.prop] = $event,
+                    disabled: valueExist(col.disabled, !1),
+                    column: col,
+                    formParams: formParams,
+                    onChange: (...arg) => col.onChange?.(...arg, col, formParams, formColumns)
                 }, null) : void 0;
             };
             expose({
@@ -4998,7 +5081,7 @@
             };
         }
     });
-    const NextTreeSelect = withInstall(treeSelect), NextForm = withInstall(Element$7);
+    const NextTreeSelect = withInstall(treeSelect), NextTreeCascader = withInstall(treeCascader), NextForm = withInstall(Element$7);
     var AddEditForm = vue.defineComponent({
         name: "AddEditForm",
         props: {
@@ -7894,6 +7977,7 @@
         NextSpinLoading: NextSpinLoading,
         NextTabs: NextTabs,
         NextTextEllipsis: NextTextEllipsis,
+        NextTreeCascader: NextTreeCascader,
         NextTreeSelect: NextTreeSelect,
         NextUpload: NextUpload,
         NextVideoPlayer: NextVideoPlayer
@@ -7939,7 +8023,7 @@
         })(app);
     };
     var index = {
-        version: "0.3.9",
+        version: "0.4.1",
         install: install
     };
     exports.NextContainer = NextContainer, exports.NextCrudTable = NextCrudTable, exports.NextCrudTableVirtualized = NextCrudTableVirtualized, 
@@ -7947,12 +8031,12 @@
     exports.NextLabelimg = NextLabelimg, exports.NextLabelimgPreview = NextLabelimgPreview, 
     exports.NextLabelme = NextLabelme, exports.NextLayout = NextLayout, exports.NextMenu = NextMenu, 
     exports.NextSpinLoading = NextSpinLoading, exports.NextTabs = NextTabs, exports.NextTextEllipsis = NextTextEllipsis, 
-    exports.NextTreeSelect = NextTreeSelect, exports.NextUpload = NextUpload, exports.NextVideoPlayer = NextVideoPlayer, 
-    exports.buildLocaleContext = buildLocaleContext, exports.buildTranslator = buildTranslator, 
-    exports.default = index, exports.defaultNamespace = "next", exports.install = install, 
-    exports.localeContextKey = localeContextKey, exports.localeLang = localeLang, exports.namespaceContextKey = namespaceContextKey, 
-    exports.nextUseCssTheme = nextUseCssTheme, exports.nextUseCssVar = nextUseCssVar, 
-    exports.translate = translate, exports.updateThemeColor = color => {
+    exports.NextTreeCascader = NextTreeCascader, exports.NextTreeSelect = NextTreeSelect, 
+    exports.NextUpload = NextUpload, exports.NextVideoPlayer = NextVideoPlayer, exports.buildLocaleContext = buildLocaleContext, 
+    exports.buildTranslator = buildTranslator, exports.default = index, exports.defaultNamespace = "next", 
+    exports.install = install, exports.localeContextKey = localeContextKey, exports.localeLang = localeLang, 
+    exports.namespaceContextKey = namespaceContextKey, exports.nextUseCssTheme = nextUseCssTheme, 
+    exports.nextUseCssVar = nextUseCssVar, exports.translate = translate, exports.updateThemeColor = color => {
         color && nextUseCssTheme("--el-color-primary", color);
     }, exports.updateThemeColorCssVar = updateThemeColorCssVar, exports.useDetectVideo = () => ({
         detectVideoFrameImage: ({container: container, video: video, modelUrl: modelUrl, classNames: classNames, classInput: classInput = []}, success, error) => modelUrl ? classNames ? void tf__namespace.loadGraphModel(modelUrl).then((model => {
@@ -7986,7 +8070,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.3.9", 
+    }, exports.useLocale = useLocale, exports.useNamespace = useNamespace, exports.version = "0.4.1", 
     Object.defineProperty(exports, "__esModule", {
         value: !0
     });