@fecp/vue 1.1.2 → 1.1.4

package/lib/packages/vue/src/components/forms/h2/H2.vue.js

@@ -3,20 +3,29 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 ;/* empty css         */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const _hoisted_1 = { class: "form-section-title" };
+const _hoisted_1 = { class: "fec-h2" };
+const _hoisted_2 = { class: "fec-label" };
+const _hoisted_3 = { class: "fec-label-title" };
+const _hoisted_4 = { class: "fec-label-sub-title" };
 const _sfc_main = {
   __name: "H2",
   props: {
-    text: {
-      type: String,
-      default: ""
+    config: {
+      type: Object,
+      required: true
     }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("h2", _hoisted_1, vue.toDisplayString(__props.text), 1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "fec-label-line" }, null, -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(__props.config.label), 1),
+          vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(__props.config.subLabel), 1)
+        ])
+      ]);
     };
   }
 };
-const _H2 = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-85528f8f"]]);
+const _H2 = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-dd9219b7"]]);
 exports.default = _H2;

package/lib/packages/vue/src/components/forms/multipleSelection/MultipleSelection.vue.js

@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       default: () => ({})
     }
   },
-  emits: ["update:modelValue", "change", "blur"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;

package/lib/packages/vue/src/components/forms/number/Number.vue.js

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       required: true
     },
     modelValue: {
-      type: Number,
+      type: [Number, String],
       default: null
     },
     placeholder: {
@@ -54,10 +54,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       type: Number
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    function handleChange(val) {
+      emit("change", val);
+    }
     const precision = vue.computed(() => {
       return props.hasDecimalPlaces ? props.decimalPlaces : 0;
     });
@@ -74,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
     const compValue = vue.computed({
       get: () => {
-        if (!props.modelValue && props.modelValue !== 0) {
+        if (!props.modelValue && props.modelValue != 0) {
           emit("update:modelValue", 0);
         }
         return props.modelValue;
@@ -131,8 +134,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           break;
       }
       if (props.format !== "percentage") {
-        const effectiveMax = props.maxValue !== null ? props.maxValue : 999999999999999;
-        const effectiveMin = props.minValue !== null ? props.minValue : -999999999999999;
+        const effectiveMax = props.maxValue != null ? props.maxValue : 999999999999999;
+        const effectiveMin = props.minValue != null ? props.minValue : -999999999999999;
         numValue = Math.max(effectiveMin, Math.min(effectiveMax, numValue));
       }
       compValue.value = numValue;
@@ -173,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         return formattedInteger;
       }
     }
-    const formatMoney = (number, decimals = 2, decPoint = ".", thousandsSep = ",", zeroFill = false) => {
+    function formatMoney(number, decimals = 2, decPoint = ".", thousandsSep = ",", zeroFill = false) {
       if (!number) {
         return "0.00";
       }
@@ -206,8 +209,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         }
       }
       return s.join(dec);
-    };
-    const moneyCheck = function(num) {
+    }
+    function moneyCheck(num) {
       var str = num;
       var len1 = str.substr(0, 1);
       var len2 = str.substr(1, 1);
@@ -230,13 +233,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         str = str.replace(/[^\d^\.]+/g, "");
       }
       return str;
-    };
-    const delcommafy = function(num) {
+    }
+    function delcommafy(num) {
       if (!num) return num;
       num = num.toString();
       num = num.replace(/,/gi, "");
       return num;
-    };
+    }
     function numMulti(num1, num2) {
       if (!num1) {
         num1 = 0;
@@ -271,7 +274,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           formatter,
           parser,
           onBlur: handleBlur
-        }, vue.toHandlers(__props.config.eventHandlers), { style: { "width": "100%" } }), null, 16, ["modelValue", "placeholder", "disabled", "readonly"]),
+        }, vue.toHandlers(__props.config.eventHandlers), {
+          onChange: handleChange,
+          style: { "width": "100%" }
+        }), null, 16, ["modelValue", "placeholder", "disabled", "readonly"]),
         vue.createVNode(_component_el_input, {
           modelValue: compValue.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => compValue.value = $event),

package/lib/packages/vue/src/components/forms/radio/Radio.vue.js

@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       default: () => ({})
     }
   },
-  emits: ["update:modelValue", "change", "blur"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -58,7 +58,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
       }, vue.toHandlers(__props.config.eventHandlers), {
         disabled: __props.disabled,
-        readonly: __props.readonly
+        style: {
+          pointerEvents: __props.readonly ? "none" : "auto"
+        }
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {
@@ -70,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           }), 256))
         ]),
         _: 1
-      }, 16, ["modelValue", "disabled", "readonly"]);
+      }, 16, ["modelValue", "disabled", "style"]);
     };
   }
 });

package/lib/packages/vue/src/components/forms/select/Select.vue.js

@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       default: () => ({})
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -59,6 +59,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       get: () => props.modelValue,
       set: (val) => {
         emit("update:modelValue", val);
+        emit("change", val);
       }
     });
     const options = vue.computed(() => {
@@ -74,11 +75,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }, vue.toHandlers(__props.config.eventHandlers), {
         placeholder: __props.placeholder,
         disabled: __props.disabled,
-        readonly: __props.readonly,
         multiple: __props.multiple,
         clearable: __props.clearable,
         filterable: __props.filterable,
-        style: { "width": "100%" }
+        style: [{ "width": "100%" }, {
+          pointerEvents: __props.readonly ? "none" : "auto"
+        }]
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {
@@ -91,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           }), 128))
         ]),
         _: 1
-      }, 16, ["modelValue", "placeholder", "disabled", "readonly", "multiple", "clearable", "filterable"]);
+      }, 16, ["modelValue", "placeholder", "disabled", "multiple", "clearable", "filterable", "style"]);
     };
   }
 });

package/lib/packages/vue/src/components/forms/subForm/SubForm.vue.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$2 = require("../form/index.js");
+const index$1 = require("../divider/index.js");
+const index = require("../h2/index.js");
+const _hoisted_1 = {
+  key: 0,
+  style: { "height": "60px", "position": "relative" }
+};
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  inheritAttrs: false
+}, {
+  __name: "SubForm",
+  props: {
+    config: {
+      type: Object,
+      required: true
+    },
+    localConfig: {
+      type: Object,
+      required: true
+    }
+    //   subFormId: {
+    //     type: String,
+    //     required: true,
+    //   },
+    //   subFormKey: {
+    //     type: String,
+    //     default: "",
+    //   },
+    //   subFormName: {
+    //     type: String,
+    //     default: "",
+    //   },
+    //   dataSourceFrom: {
+    //     type: String,
+    //     default: "",
+    //   },
+    //   triggerSubFormPageEvent: {
+    //     type: Boolean,
+    //     default: false,
+    //   },
+  },
+  setup(__props) {
+    const props = __props;
+    const formData = vue.inject("formData");
+    vue.inject("rowHeight");
+    const gridLayout = vue.inject("gridLayout");
+    vue.inject("gridLayoutFieldsData");
+    function subFormLoaded(subOption) {
+      const fieldsData = subOption.fieldsData;
+      console.log("🚀 ~ loaded ~ subOption:", subOption);
+      const maxY = fieldsData.reduce((max, field) => {
+        return field.y > max ? field.y : max;
+      }, 0);
+      const foundItem = props.localConfig.fieldsData.find(
+        (item) => item.id == props.config.id
+      );
+      const y = 1;
+      const titleHeight = config.titleMode != "none" ? 1 : 0;
+      if (foundItem) {
+        foundItem.h = maxY + y + titleHeight;
+        gridLayout.value.resizeEvent();
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        __props.config.titleMode != "none" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          __props.config.titleMode == "label" ? (vue.openBlock(), vue.createBlock(vue.unref(index.H2), {
+            key: 0,
+            config: __props.config
+          }, null, 8, ["config"])) : __props.config.titleMode == "subLabel" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.Divider), {
+            key: 1,
+            config: __props.config
+          }, null, 8, ["config"])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(index$2.Form), {
+          templateKey: __props.config.subFormKey,
+          isSubForm: "",
+          onLoaded: subFormLoaded,
+          canPageEvent: __props.config.triggerSubFormPageEvent,
+          modelValue: vue.unref(formData),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(formData) ? formData.value = $event : null)
+        }, null, 8, ["templateKey", "canPageEvent", "modelValue"])
+      ], 64);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/packages/vue/src/components/forms/subForm/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const SubForm$1 = require("./SubForm.vue.js");
+const install = require("../../../utils/install.js");
+const SubForm = install.default.withInstall("SubForm", SubForm$1.default);
+exports.SubForm = SubForm;
+exports.default = SubForm;

package/lib/packages/vue/src/components/forms/subTable/SubTable.vue.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Table = require("../../table/Table.vue.js");
+const index$1 = require("../divider/index.js");
+const index = require("../h2/index.js");
+const parseRouteParams = require("../../../utils/parseRouteParams.js");
+const _hoisted_1 = {
+  key: 0,
+  style: { "height": "60px", "position": "relative" }
+};
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  inheritAttrs: false
+}, {
+  __name: "SubTable",
+  props: {
+    config: {
+      type: Object,
+      required: true
+    },
+    localConfig: {
+      type: Object,
+      required: true
+    }
+    //   subFormId: {
+    //     type: String,
+    //     required: true,
+    //   },
+    //   subFormKey: {
+    //     type: String,
+    //     default: "",
+    //   },
+    //   subFormName: {
+    //     type: String,
+    //     default: "",
+    //   },
+    //   dataSourceFrom: {
+    //     type: String,
+    //     default: "",
+    //   },
+    //   triggerSubFormPageEvent: {
+    //     type: Boolean,
+    //     default: false,
+    //   },
+  },
+  setup(__props) {
+    const props = __props;
+    const formData = vue.inject("formData");
+    vue.inject("rowHeight");
+    const gridLayout = vue.inject("gridLayout");
+    vue.inject("gridLayoutFieldsData");
+    const subTableData = vue.computed(() => {
+      if (props.config.dataSourceFrom == "main") {
+        return formData.value[props.config.fieldName];
+      }
+      return [];
+    });
+    const initSearchData = vue.computed(() => {
+      if (props.config.dataSourceFrom == "self") {
+        const fields = props.localConfig.fieldsData.map((item) => item.component);
+        const params = parseRouteParams.parseRouteParams(
+          props.config.subTableParams,
+          formData.value,
+          fields
+        );
+        console.log("🚀 ~ params:", params);
+        return params;
+      }
+      return {};
+    });
+    function subTableLoaded(subOption) {
+      const foundItem = props.localConfig.fieldsData.find(
+        (item) => item.id == props.config.id
+      );
+      const titleHeight = config.titleMode != "none" ? 60 : 0;
+      if (foundItem) {
+        foundItem.fixedH = true;
+        foundItem.h = props.config.subTableHeight + titleHeight;
+        gridLayout.value.resizeEvent();
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        __props.config.titleMode != "none" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          __props.config.titleMode == "label" ? (vue.openBlock(), vue.createBlock(vue.unref(index.H2), {
+            key: 0,
+            config: __props.config
+          }, null, 8, ["config"])) : __props.config.titleMode == "subLabel" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.Divider), {
+            key: 1,
+            config: __props.config
+          }, null, 8, ["config"])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(Table.default), {
+          templateKey: __props.config.subTableKey,
+          isSubTable: "",
+          onLoaded: subTableLoaded,
+          mode: __props.config.subTableMode,
+          hasPagination: __props.config.isSubTablePagination,
+          height: __props.config.subTableHeight,
+          tableData: vue.unref(subTableData),
+          initSearchData: vue.unref(initSearchData),
+          canLoadBySearchData: __props.config.reloadOnParamsChange,
+          readonly: __props.config.isSubTableReadOnly
+        }, null, 8, ["templateKey", "mode", "hasPagination", "height", "tableData", "initSearchData", "canLoadBySearchData", "readonly"])
+      ], 64);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/packages/vue/src/components/forms/subTable/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const SubTable$1 = require("./SubTable.vue.js");
+const install = require("../../../utils/install.js");
+const SubTable = install.default.withInstall("SubTable", SubTable$1.default);
+exports.SubTable = SubTable;
+exports.default = SubTable;

package/lib/packages/vue/src/components/forms/switch/Switch.vue.js

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       default: ""
     }
   },
-  emits: ["update:modelValue", "change", "blur"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;

package/lib/packages/vue/src/components/forms/text/Text.vue.js

@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       default: ""
     }
   },
-  emits: ["update:modelValue", "change", "blur"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -77,9 +77,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       get: () => props.modelValue,
       set: (val) => {
         emit("update:modelValue", val);
-        emit("change", val);
       }
     });
+    function handleChange(val) {
+      emit("change", val);
+    }
     const maskedValue = vue.computed(() => {
       if (!props.dataMasking || !props.modelValue) return "";
       return "****";
@@ -97,6 +99,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           readonly: __props.readonly,
           maxlength: __props.maxLength,
           "show-word-limit": __props.showWordCount,
+          onChange: handleChange,
           clearable: ""
         }), vue.createSlots({ _: 2 }, [
           __props.prefix ? {
@@ -131,5 +134,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Text = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4b100f9c"]]);
-exports.default = _Text;
+const TextComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f897939f"]]);
+exports.default = TextComponent;

package/lib/packages/vue/src/components/forms/textarea/Textarea.vue.js

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       required: true
     },
     modelValue: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     placeholder: {
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       default: false
     }
   },
-  emits: ["update:modelValue", "change", "blur"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -55,9 +55,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       get: () => props.modelValue,
       set: (val) => {
         emit("update:modelValue", val);
-        emit("change", val);
       }
     });
+    function handleChange(val) {
+      emit("change", val);
+    }
     return (_ctx, _cache) => {
       const _component_el_input = index.ElInput;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
@@ -74,7 +76,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           rows: __props.rows,
           autosize: __props.autosize,
           clearable: "",
-          resize: "none"
+          resize: "none",
+          onChange: handleChange
         }), null, 16, ["modelValue", "placeholder", "disabled", "readonly", "maxlength", "show-word-limit", "rows", "autosize"])
       ]);
     };

package/lib/packages/vue/src/components/table/CustomButtons.vue.js

@@ -9,10 +9,7 @@ const index$2 = require("../../../../../node_modules/.pnpm/@element-plus_icons-v
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/toolbar/index.js");
 const index$1 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.js");
-const _hoisted_1 = {
-  key: 0,
-  class: "custom-buttons"
-};
+const _hoisted_1 = { class: "custom-buttons" };
 const _sfc_main = {
   __name: "CustomButtons",
   props: {
@@ -39,13 +36,13 @@ const _sfc_main = {
     });
     const getBtnIcon = (btnType) => {
       const iconMap = {
-        "refresh": index$2.Refresh,
-        "export": index$2.Download,
-        "personalize": index$2.Setting,
-        "add": index$2.Plus,
-        "delete": index$2.Delete,
-        "edit": index$2.Edit,
-        "search": index$2.Search
+        refresh: index$2.Refresh,
+        export: index$2.Download,
+        personalize: index$2.Setting,
+        add: index$2.Plus,
+        delete: index$2.Delete,
+        edit: index$2.Edit,
+        search: index$2.Search
       };
       return iconMap[btnType] || null;
     };
@@ -64,8 +61,11 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       const _component_el_button = index$1.ElButton;
-      return hasButtons.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(index.VxeToolbar), { ref: "toolbarRef" }, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        hasButtons.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.VxeToolbar), {
+          key: 0,
+          ref: "toolbarRef"
+        }, {
           buttons: vue.withCtx(() => [
             leftButtons.value.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(leftButtons.value, (btn) => {
               return vue.openBlock(), vue.createBlock(_component_el_button, {
@@ -97,10 +97,10 @@ const _sfc_main = {
             }), 128)) : vue.createCommentVNode("", true)
           ]),
           _: 1
-        }, 512)
-      ])) : vue.createCommentVNode("", true);
+        }, 512)) : vue.createCommentVNode("", true)
+      ]);
     };
   }
 };
-const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ec4454c7"]]);
+const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-cc2d93b0"]]);
 exports.default = CustomButtons;