@tmagic/form 1.2.13 → 1.2.15

package/dist/tmagic-form.umd.cjs

@@ -4,11 +4,6 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TMagicForm = {}, global.Vue, global.iconsVue, global.lodashEs, global.design, global.Sortable, global.utils, global.cloneDeep));
 })(this, (function (exports, vue, iconsVue, lodashEs, design, Sortable, utils, cloneDeep) { 'use strict';
 
-  const _interopDefaultLegacy = e => e && typeof e === 'object' && 'default' in e ? e : { default: e };
-
-  const Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
-  const cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
-
   const isTableSelect = (type) => typeof type === "string" && ["table-select", "tableSelect"].includes(type);
   const asyncLoadConfig = (value, initValue2, { asyncLoad, name, type }) => {
     if (type === "html" && typeof asyncLoad === "object" && typeof name !== "undefined") {
@@ -157,7 +152,7 @@
   };
   const initValue = async (mForm, { initValues, config }) => {
     if (!Array.isArray(config))
-      throw new Error("config\u5E94\u8BE5\u4E3A\u6570\u7EC4");
+      throw new Error("config应该为数组");
     let valuesTmp = createValues(mForm, config, vue.toRaw(initValues), {});
     const [firstForm] = config;
     if (firstForm && typeof firstForm.onInitValue === "function") {
@@ -592,7 +587,7 @@
               onClick: expandHandler
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(expand.value ? "\u6536\u8D77\u914D\u7F6E" : "\u5C55\u5F00\u66F4\u591A\u914D\u7F6E"), 1)
+                vue.createTextVNode(vue.toDisplayString(expand.value ? "收起配置" : "展开更多配置"), 1)
               ]),
               _: 1
             })
@@ -650,14 +645,6 @@
         emit("change", props.model);
       };
       const key = (item, index) => item[mForm?.keyProp || "__key"] ?? index;
-      if (props.config.checkbox && name.value) {
-        vue.watch(
-          () => props.model[name.value]?.value,
-          () => {
-            emit("change", props.model);
-          }
-        );
-      }
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
         return (vue.unref(name) ? __props.model[vue.unref(name)] : __props.model) ? (vue.openBlock(), vue.createElementBlock("fieldset", {
@@ -669,7 +656,10 @@
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(design.TMagicCheckbox), {
                 modelValue: __props.model[vue.unref(name)].value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[vue.unref(name)].value = $event),
+                "onUpdate:modelValue": [
+                  _cache[0] || (_cache[0] = ($event) => __props.model[vue.unref(name)].value = $event),
+                  change
+                ],
                 prop: `${__props.prop}${__props.prop ? "." : ""}${__props.config.name}.value`,
                 "true-label": 1,
                 "false-label": 0
@@ -743,8 +733,8 @@
   });
 
   const _hoisted_1$9 = { class: "m-fields-group-list-item" };
-  const _hoisted_2$5 = /* @__PURE__ */ vue.createTextVNode("\u4E0A\u79FB");
-  const _hoisted_3$5 = /* @__PURE__ */ vue.createTextVNode("\u4E0B\u79FB");
+  const _hoisted_2$5 = /* @__PURE__ */ vue.createTextVNode("上移");
+  const _hoisted_3$5 = /* @__PURE__ */ vue.createTextVNode("下移");
   const _hoisted_4$4 = ["innerHTML"];
   const __default__$t = vue.defineComponent({
     name: "MFormGroupListItem"
@@ -782,7 +772,7 @@
         if (props.config.titleKey && props.model[props.config.titleKey]) {
           return props.model[props.config.titleKey];
         }
-        return `\u7EC4 ${String(props.index)}`;
+        return `组 ${String(props.index)}`;
       });
       const length = vue.computed(() => props.groupModel?.length || 0);
       const itemExtra = vue.computed(() => filterFunction(mForm, props.config.itemExtra, props));
@@ -902,12 +892,12 @@
     key: 1,
     class: "el-table__empty-block"
   };
-  const _hoisted_4$3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "\u6682\u65E0\u6570\u636E", -1);
+  const _hoisted_4$3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
   const _hoisted_5$2 = [
     _hoisted_4$3
   ];
-  const _hoisted_6$1 = /* @__PURE__ */ vue.createTextVNode("\u6DFB\u52A0\u7EC4");
-  const _hoisted_7$1 = /* @__PURE__ */ vue.createTextVNode("\u5207\u6362\u4E3A\u8868\u683C");
+  const _hoisted_6$1 = /* @__PURE__ */ vue.createTextVNode("添加组");
+  const _hoisted_7$1 = /* @__PURE__ */ vue.createTextVNode("切换为表格");
   const __default__$s = vue.defineComponent({
     name: "MFormGroupList"
   });
@@ -1328,12 +1318,12 @@
   const _hoisted_1$6 = ["innerHTML"];
   const _hoisted_2$2 = { class: "el-form-item__content" };
   const _hoisted_3$2 = ["innerHTML"];
-  const _hoisted_4$1 = /* @__PURE__ */ vue.createTextVNode("\u6DFB\u52A0");
-  const _hoisted_5 = /* @__PURE__ */ vue.createTextVNode(" \xA0 ");
-  const _hoisted_6 = /* @__PURE__ */ vue.createTextVNode("\u5C55\u5F00\u914D\u7F6E");
-  const _hoisted_7 = /* @__PURE__ */ vue.createTextVNode("\u5BFC\u5165EXCEL");
-  const _hoisted_8 = /* @__PURE__ */ vue.createTextVNode("\xA0 ");
-  const _hoisted_9 = /* @__PURE__ */ vue.createTextVNode("\u6E05\u7A7A");
+  const _hoisted_4$1 = /* @__PURE__ */ vue.createTextVNode("添加");
+  const _hoisted_5 = /* @__PURE__ */ vue.createTextVNode("   ");
+  const _hoisted_6 = /* @__PURE__ */ vue.createTextVNode("展开配置");
+  const _hoisted_7 = /* @__PURE__ */ vue.createTextVNode("导入EXCEL");
+  const _hoisted_8 = /* @__PURE__ */ vue.createTextVNode("  ");
+  const _hoisted_9 = /* @__PURE__ */ vue.createTextVNode("清空");
   const _hoisted_10 = {
     key: 1,
     class: "bottom",
@@ -1407,7 +1397,7 @@
         const tableEl = tMagicTable.value?.instance.$el;
         const tBodyEl = tableEl?.querySelector(".el-table__body > tbody");
         if (tBodyEl) {
-          const sortable = Sortable__default.default.create(tBodyEl, {
+          const sortable = Sortable.create(tBodyEl, {
             onEnd: ({ newIndex, oldIndex }) => {
               if (typeof newIndex === "undefined")
                 return;
@@ -1433,7 +1423,7 @@
       };
       const newHandler = async (row) => {
         if (props.config.max && props.model[modelName.value].length >= props.config.max) {
-          design.tMagicMessage.error(`\u6700\u591A\u65B0\u589E\u914D\u7F6E\u4E0D\u80FD\u8D85\u8FC7${props.config.max}\u6761`);
+          design.tMagicMessage.error(`最多新增配置不能超过${props.config.max}条`);
           return;
         }
         const columns = props.config.items;
@@ -1617,7 +1607,7 @@
         mForm?.$emit("field-change", props.prop, props.model[modelName.value]);
       };
       const excelHandler = (file) => {
-        if (!file || !file.raw) {
+        if (!file?.raw) {
           return false;
         }
         const reader = new FileReader();
@@ -1697,7 +1687,7 @@
           }, null, 8, _hoisted_1$6)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_2$2, [
             vue.createVNode(vue.unref(design.TMagicTooltip), {
-              content: "\u62D6\u62FD\u53EF\u6392\u5E8F",
+              content: "拖拽可排序",
               placement: "left-start",
               disabled: __props.config.dropSort !== true
             }, {
@@ -1732,7 +1722,7 @@
                       _: 1
                     })) : vue.createCommentVNode("", true),
                     vue.createVNode(vue.unref(design.TMagicTableColumn), {
-                      label: "\u64CD\u4F5C",
+                      label: "操作",
                       width: __props.config.operateColWidth || 55,
                       align: "center",
                       fixed: __props.config.fixed === false ? void 0 : "left"
@@ -1755,13 +1745,13 @@
                     }, 8, ["width", "fixed"]),
                     __props.sort && __props.model[vue.unref(modelName)] && __props.model[vue.unref(modelName)].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                       key: 1,
-                      label: "\u6392\u5E8F",
+                      label: "排序",
                       width: "60"
                     }, {
                       default: vue.withCtx((scope) => [
                         scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
                           key: 0,
-                          content: "\u70B9\u51FB\u4E0A\u79FB\uFF0C\u53CC\u51FB\u7F6E\u9876",
+                          content: "点击上移，双击置顶",
                           placement: "top"
                         }, {
                           default: vue.withCtx(() => [
@@ -1780,7 +1770,7 @@
                         }, 1024)) : vue.createCommentVNode("", true),
                         scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== __props.model[vue.unref(modelName)].length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
                           key: 1,
-                          content: "\u70B9\u51FB\u4E0B\u79FB\uFF0C\u53CC\u51FB\u7F6E\u5E95",
+                          content: "点击下移，双击置底",
                           placement: "top"
                         }, {
                           default: vue.withCtx(() => [
@@ -1810,7 +1800,7 @@
                     __props.showIndex && __props.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                       key: 3,
                       width: "60",
-                      label: "\u5E8F\u53F7"
+                      label: "序号"
                     }, {
                       default: vue.withCtx((scope) => [
                         vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
@@ -1889,7 +1879,7 @@
               onClick: toggleFullscreen
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "\u9000\u51FA\u5168\u5C4F" : "\u5168\u5C4F\u7F16\u8F91"), 1)
+                vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
               ]),
               _: 1
             }, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -1970,7 +1960,8 @@
     emits: ["change", "addDiffCount"],
     setup(__props, { emit }) {
       const props = __props;
-      const uiComponent = design.getConfig("components").tabPane;
+      const tabPaneComponent = design.getConfig("components").tabPane;
+      const tabsComponent = design.getConfig("components").tabs;
       const getActive = (mForm2, props2, activeTabName2) => {
         const { config, model, prop } = props2;
         const { active } = config;
@@ -1999,10 +1990,10 @@
       const tabs = vue.computed(() => {
         if (props.config.dynamic) {
           if (!props.config.name)
-            throw new Error("dynamic tab \u5FC5\u987B\u914D\u7F6Ename");
+            throw new Error("dynamic tab 必须配置name");
           return props.model[props.config.name] || [];
         }
-        return props.config.items;
+        return props.config.items.filter((item) => display(mForm, item.display, props));
       });
       const filter = (config) => filterFunction(mForm, config, props);
       vue.watchEffect(() => {
@@ -2017,7 +2008,7 @@
       const tabClickHandler = (tab) => tabClick(mForm, tab, props);
       const onTabAdd = () => {
         if (!props.config.name)
-          throw new Error("dynamic tab \u5FC5\u987B\u914D\u7F6Ename");
+          throw new Error("dynamic tab 必须配置name");
         if (typeof props.config.onTabAdd === "function") {
           props.config.onTabAdd(mForm, {
             model: props.model,
@@ -2026,7 +2017,7 @@
           });
         } else if (tabs.value.length > 0) {
           const newObj = lodashEs.cloneDeep(tabs.value[0]);
-          newObj.title = `\u6807\u7B7E${tabs.value.length + 1}`;
+          newObj.title = `标签${tabs.value.length + 1}`;
           props.model[props.config.name].push(newObj);
         }
         emit("change", props.model);
@@ -2034,7 +2025,7 @@
       };
       const onTabRemove = (tabName) => {
         if (!props.config.name)
-          throw new Error("dynamic tab \u5FC5\u987B\u914D\u7F6Ename");
+          throw new Error("dynamic tab 必须配置name");
         if (typeof props.config.onTabRemove === "function") {
           props.config.onTabRemove(mForm, tabName, {
             model: props.model,
@@ -2051,7 +2042,6 @@
         emit("change", props.model);
         mForm?.$emit("field-change", props.prop, props.model[props.config.name]);
       };
-      const display$1 = (displayConfig) => display(mForm, displayConfig, props);
       const changeHandler = () => {
         emit("change", props.model);
         if (typeof props.config.onChange === "function") {
@@ -2067,61 +2057,62 @@
         emit("addDiffCount");
       };
       return (_ctx, _cache) => {
-        const _component_el_badge = vue.resolveComponent("el-badge");
-        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTabs), {
-          modelValue: activeTabName.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTabName.value = $event),
-          class: vue.normalizeClass(__props.config.dynamic ? "magic-form-dynamic-tab" : "magic-form-tab"),
-          type: __props.config.tabType,
-          editable: __props.config.editable || false,
-          "tab-position": __props.config.tabPosition || "top",
-          onTabClick: tabClickHandler,
-          onTabAdd,
-          onTabRemove
-        }, {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabsComponent).component), vue.mergeProps(
+          {
+            modelValue: activeTabName.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTabName.value = $event)
+          },
+          vue.unref(tabsComponent).props({
+            type: __props.config.tabType,
+            editable: __props.config.editable || false,
+            tabPosition: __props.config.tabPosition || "top"
+          }),
+          {
+            class: `tmagic-design-tabs ${__props.config.dynamic ? "magic-form-dynamic-tab" : "magic-form-tab"}`,
+            onTabClick: tabClickHandler,
+            onTabAdd,
+            onTabRemove
+          }
+        ), {
           default: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tabs), (tab, tabIndex) => {
-              return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                display$1(tab.display) && tabItems(tab).length ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(uiComponent).component), {
-                  key: tab[vue.unref(mForm)?.keyProp || "__key"] ?? tabIndex,
-                  name: filter(tab.status) || tabIndex.toString(),
-                  lazy: tab.lazy || false
-                }, {
-                  label: vue.withCtx(() => [
-                    vue.createElementVNode("span", null, [
-                      vue.createTextVNode(vue.toDisplayString(filter(tab.title)), 1),
-                      vue.createVNode(_component_el_badge, {
-                        hidden: !diffCount.value[tabIndex],
-                        value: diffCount.value[tabIndex],
-                        class: "diff-count-badge"
-                      }, null, 8, ["hidden", "value"])
-                    ])
-                  ]),
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabItems(tab), (item) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$v, {
-                        key: item[vue.unref(mForm)?.keyProp || "__key"],
-                        config: item,
-                        disabled: __props.disabled,
-                        model: __props.config.dynamic ? (__props.name ? __props.model[__props.name] : __props.model)[tabIndex] : tab.name ? (__props.name ? __props.model[__props.name] : __props.model)[tab.name] : __props.name ? __props.model[__props.name] : __props.model,
-                        "last-values": vue.unref(lodashEs.isEmpty)(__props.lastValues) ? {} : __props.config.dynamic ? (__props.name ? __props.lastValues[__props.name] : __props.lastValues)[tabIndex] : tab.name ? (__props.name ? __props.lastValues[__props.name] : __props.lastValues)[tab.name] : __props.name ? __props.lastValues[__props.name] : __props.lastValues,
-                        "is-compare": __props.isCompare,
-                        prop: __props.config.dynamic ? `${__props.prop}${__props.prop ? "." : ""}${String(tabIndex)}` : __props.prop,
-                        size: __props.size,
-                        "label-width": tab.labelWidth || __props.labelWidth,
-                        "expand-more": __props.expandMore,
-                        onChange: changeHandler,
-                        onAddDiffCount: ($event) => onAddDiffCount(tabIndex)
-                      }, null, 8, ["config", "disabled", "model", "last-values", "is-compare", "prop", "size", "label-width", "expand-more", "onAddDiffCount"]);
-                    }), 128))
-                  ]),
-                  _: 2
-                }, 1032, ["name", "lazy"])) : vue.createCommentVNode("", true)
-              ], 64);
-            }), 256))
+              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabPaneComponent).component), vue.mergeProps({
+                key: tab[vue.unref(mForm)?.keyProp || "__key"] ?? tabIndex
+              }, vue.unref(tabPaneComponent).props({ name: filter(tab.status) || tabIndex.toString(), lazy: tab.lazy || false })), {
+                label: vue.withCtx(() => [
+                  vue.createElementVNode("span", null, [
+                    vue.createTextVNode(vue.toDisplayString(filter(tab.title)), 1),
+                    vue.createVNode(vue.unref(design.TMagicBadge), {
+                      hidden: !diffCount.value[tabIndex],
+                      value: diffCount.value[tabIndex],
+                      class: "diff-count-badge"
+                    }, null, 8, ["hidden", "value"])
+                  ])
+                ]),
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabItems(tab), (item) => {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+                      key: item[vue.unref(mForm)?.keyProp || "__key"],
+                      config: item,
+                      disabled: __props.disabled,
+                      model: __props.config.dynamic ? (__props.name ? __props.model[__props.name] : __props.model)[tabIndex] : tab.name ? (__props.name ? __props.model[__props.name] : __props.model)[tab.name] : __props.name ? __props.model[__props.name] : __props.model,
+                      "last-values": vue.unref(lodashEs.isEmpty)(__props.lastValues) ? {} : __props.config.dynamic ? (__props.name ? __props.lastValues[__props.name] : __props.lastValues)[tabIndex] : tab.name ? (__props.name ? __props.lastValues[__props.name] : __props.lastValues)[tab.name] : __props.name ? __props.lastValues[__props.name] : __props.lastValues,
+                      "is-compare": __props.isCompare,
+                      prop: __props.config.dynamic ? `${__props.prop}${__props.prop ? "." : ""}${String(tabIndex)}` : __props.prop,
+                      size: __props.size,
+                      "label-width": tab.labelWidth || __props.labelWidth,
+                      "expand-more": __props.expandMore,
+                      onChange: changeHandler,
+                      onAddDiffCount: ($event) => onAddDiffCount(tabIndex)
+                    }, null, 8, ["config", "disabled", "model", "last-values", "is-compare", "prop", "size", "label-width", "expand-more", "onAddDiffCount"]);
+                  }), 128))
+                ]),
+                _: 2
+              }, 1040);
+            }), 128))
           ]),
           _: 1
-        }, 8, ["modelValue", "class", "type", "editable", "tab-position"]);
+        }, 16, ["modelValue", "class"]);
       };
     }
   });
@@ -2523,8 +2514,8 @@
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
           type: "datetimerange",
           "range-separator": "-",
-          "start-placeholder": "\u5F00\u59CB\u65E5\u671F",
-          "end-placeholder": "\u7ED3\u675F\u65E5\u671F",
+          "start-placeholder": "开始日期",
+          "end-placeholder": "结束日期",
           size: __props.size,
           "unlink-panels": true,
           disabled: __props.disabled,
@@ -2831,7 +2822,7 @@
         submitForm: async (native) => {
           try {
             await tMagicForm.value?.validate();
-            return native ? values.value : cloneDeep__default.default(vue.toRaw(values.value));
+            return native ? values.value : cloneDeep(vue.toRaw(values.value));
           } catch (invalidFields) {
             const error = [];
             Object.entries(invalidFields).forEach(([, ValidateError]) => {
@@ -2839,7 +2830,7 @@
                 if (field && message)
                   error.push(`${field} -> ${message}`);
                 if (field && !message)
-                  error.push(`${field} -> \u51FA\u73B0\u9519\u8BEF`);
+                  error.push(`${field} -> 出现错误`);
                 if (!field && message)
                   error.push(`${message}`);
               });
@@ -2882,9 +2873,9 @@
   });
 
   const _hoisted_1$3 = { style: { "min-height": "1px" } };
-  const _hoisted_2$1 = /* @__PURE__ */ vue.createTextVNode("\u53D6 \u6D88");
-  const _hoisted_3$1 = /* @__PURE__ */ vue.createTextVNode("\u4E0A\u4E00\u6B65");
-  const _hoisted_4 = /* @__PURE__ */ vue.createTextVNode("\u4E0B\u4E00\u6B65");
+  const _hoisted_2$1 = /* @__PURE__ */ vue.createTextVNode("取 消");
+  const _hoisted_3$1 = /* @__PURE__ */ vue.createTextVNode("上一步");
+  const _hoisted_4 = /* @__PURE__ */ vue.createTextVNode("下一步");
   const __default__$a = vue.defineComponent({
     name: "MFormDialog"
   });
@@ -2901,7 +2892,7 @@
       title: null,
       zIndex: null,
       size: null,
-      confirmText: { default: "\u786E\u5B9A" }
+      confirmText: { default: "确定" }
     },
     emits: ["close", "submit", "error", "change"],
     setup(__props, { expose, emit }) {
@@ -3074,7 +3065,7 @@
     key: 2,
     class: "m-fields-link"
   };
-  const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode("\u70B9\u51FB\u7F16\u8F91");
+  const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode("点击编辑");
   const __default__$9 = vue.defineComponent({
     name: "MFormLink"
   });
@@ -3122,7 +3113,7 @@
         if (props.config.displayText) {
           return props.config.displayText;
         }
-        return "\u8DF3\u8F6C";
+        return "跳转";
       });
       const editHandler = () => {
         init();
@@ -3159,7 +3150,7 @@
           vue.createVNode(_sfc_main$a, {
             ref_key: "editor",
             ref: editor,
-            title: __props.config.formTitle || "\u7F16\u8F91\u6269\u5C55\u914D\u7F6E",
+            title: __props.config.formTitle || "编辑扩展配置",
             width: __props.config.formWidth,
             values: formValue.value,
             config: vue.unref(formConfig),
@@ -3347,7 +3338,7 @@
     setup(__props, { emit }) {
       const props = __props;
       if (!props.model)
-        throw new Error("\u4E0D\u80FD\u6CA1\u6709model");
+        throw new Error("不能没有model");
       useAddField(props.prop);
       const tMagicSelect = vue.ref();
       const mForm = vue.inject("mForm");
@@ -3649,8 +3640,8 @@
           class: "m-select",
           ref_key: "tMagicSelect",
           ref: tMagicSelect,
-          clearable: "",
-          filterable: "",
+          clearable: typeof __props.config.clearable !== "undefined" ? __props.config.clearable : true,
+          filterable: typeof __props.config.filterable !== "undefined" ? __props.config.filterable : true,
           "popper-class": `m-select-popper ${vue.unref(popperClass)}`,
           size: __props.size,
           remote: remote.value,
@@ -3676,7 +3667,7 @@
             ]) : vue.createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["modelValue", "popper-class", "size", "remote", "placeholder", "multiple", "value-key", "allow-create", "disabled", "remote-method"])), [
+        }, 8, ["modelValue", "clearable", "filterable", "popper-class", "size", "remote", "placeholder", "multiple", "value-key", "allow-create", "disabled", "remote-method"])), [
           [_directive_loading, loading.value]
         ]) : vue.createCommentVNode("", true);
       };
@@ -3829,7 +3820,6 @@
         emit("change", props.model[props.name]);
       };
       return (_ctx, _cache) => {
-        const _component_el_button = vue.resolveComponent("el-button");
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInput), {
           modelValue: __props.model[__props.name],
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
@@ -3845,7 +3835,7 @@
             name: "append",
             fn: vue.withCtx(() => [
               typeof __props.config.append === "string" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(__props.config.append), 1)) : vue.createCommentVNode("", true),
-              typeof __props.config.append === "object" && __props.config.append.type === "button" ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+              typeof __props.config.append === "object" && __props.config.append.type === "button" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                 key: 1,
                 style: { "color": "#409eff" },
                 size: __props.size,