@fecp/designer 5.5.4 → 5.5.6

package/lib/packages/mobile/src/components/form/fieldIndustry/FieldIndustry.vue.js

@@ -0,0 +1,195 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                               */
+;/* empty css                                                */
+;/* empty css                                               */
+;/* empty css                                                  */
+;/* empty css                                                */
+;/* empty css                                                 */
+;/* empty css                                                */
+;/* empty css                                                     */
+;/* empty css                                               */
+;/* empty css                                              */
+;/* empty css                                                   */
+const vue = require("vue");
+const index = require("../field/index.js");
+const app = require("../../../../../../_virtual/app.js");
+const index$1 = require("../../../../node_modules/vant/es/popup/index.js");
+const index$2 = require("../../../../node_modules/vant/es/cascader/index.js");
+const index$3 = require("../../../../node_modules/vant/es/icon/index.js");
+const _sfc_main = {
+  __name: "FieldIndustry",
+  props: {
+    treeOptionsFieldNames: {
+      type: Object,
+      default: {
+        text: "label",
+        value: "value",
+        children: "children"
+      }
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    "is-link": false,
+    industryType: {
+      type: String,
+      default: "4"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const finalOptions = vue.ref([]);
+    if (props.industryType == "1") {
+      finalOptions.value = parseOptionsByLevel(app.appExports.categoryData, 0);
+    } else if (props.industryType == "2") {
+      finalOptions.value = parseOptionsByLevel(app.appExports.categoryData, 1);
+    } else if (props.industryType == "3") {
+      finalOptions.value = parseOptionsByLevel(app.appExports.categoryData, 2);
+    } else if (props.industryType == "4") {
+      finalOptions.value = app.appExports.categoryData;
+    }
+    function parseOptionsByLevel(data, level) {
+      if (level === 0) {
+        return data.map((item) => ({
+          label: item.label,
+          value: item.value
+        }));
+      }
+      function processNode(node, currentLevel) {
+        const newNode = {
+          label: node.label,
+          value: node.value
+        };
+        if (currentLevel < level && node.children) {
+          newNode.children = node.children.map(
+            (child) => processNode(child, currentLevel + 1)
+          );
+        }
+        return newNode;
+      }
+      return data.map((node) => processNode(node, 0));
+    }
+    const fieldTextValue = vue.ref("");
+    const showPicker = vue.ref(false);
+    const emit = __emit;
+    const pickerValue = vue.computed(() => {
+      const value = props.modelValue.split("/");
+      return value[value.length - 1];
+    });
+    function getDisplayValue(options, fieldNames, modelValue) {
+      const { label, value, children } = fieldNames;
+      const values = modelValue.split("/");
+      const displayValues = [];
+      function findValueInOptions(currentOptions, targetValue) {
+        for (const option of currentOptions) {
+          if (option[value] === targetValue) {
+            return option[label];
+          }
+          if (option[children] && option[children].length > 0) {
+            const result = findValueInOptions(option[children], targetValue);
+            if (result) {
+              return result;
+            }
+          }
+        }
+        return null;
+      }
+      for (const val of values) {
+        const displayValue = findValueInOptions(options, val);
+        if (displayValue) {
+          displayValues.push(displayValue);
+        }
+      }
+      return displayValues.join("/");
+    }
+    vue.watch(
+      [() => props.modelValue, finalOptions],
+      ([value, options]) => {
+        if (!value) {
+          fieldTextValue.value = "";
+          return;
+        }
+        fieldTextValue.value = getDisplayValue(
+          options,
+          props.treeOptionsFieldNames,
+          value
+        );
+      },
+      { immediate: true }
+    );
+    const onFinish = ({ selectedOptions }) => {
+      const value = selectedOptions.map((option) => option[props.treeOptionsFieldNames.value]).join("/");
+      emit("update:modelValue", value);
+      showPicker.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_van_icon = index$3.Icon;
+      const _component_van_cascader = index$2.Cascader;
+      const _component_van_popup = index$1.Popup;
+      return vue.openBlock(), vue.createBlock(vue.unref(index.MobileField), vue.mergeProps(_ctx.$attrs, {
+        modelValue: vue.unref(fieldTextValue),
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+        isLink: __props.readonly ? false : true,
+        readonly: "",
+        disabled: __props.disabled,
+        onOpenPicker: _cache[5] || (_cache[5] = () => {
+          if (!__props.readonly) {
+            showPicker.value = true;
+          }
+        })
+      }), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_van_popup, {
+            show: vue.unref(showPicker),
+            "onUpdate:show": _cache[3] || (_cache[3] = ($event) => vue.isRef(showPicker) ? showPicker.value = $event : null),
+            "destroy-on-close": "",
+            position: "bottom",
+            teleport: "body"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_van_cascader, vue.mergeProps(_ctx.$attrs, {
+                modelValue: vue.unref(pickerValue),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(pickerValue) ? pickerValue.value = $event : null),
+                options: vue.unref(finalOptions),
+                placeholder: "请选择",
+                onFinish,
+                onClose: _cache[2] || (_cache[2] = ($event) => showPicker.value = false)
+              }), null, 16, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["show"])
+        ]),
+        _: 2
+      }, [
+        !__props.readonly && !__props.disabled && vue.unref(fieldTextValue) ? {
+          name: "right-icon",
+          fn: vue.withCtx(() => [
+            vue.createVNode(_component_van_icon, {
+              name: "clear",
+              class: "custom-close-icon",
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(
+                () => {
+                  emit("update:modelValue", "");
+                },
+                ["stop"]
+              ))
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue", "isLink", "disabled"]);
+    };
+  }
+};
+exports.default = _sfc_main;

package/lib/packages/mobile/src/components/form/fieldIndustry/index.js

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

package/lib/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.js

@@ -15,7 +15,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                 */
 const vue = require("vue");
 const index = require("../field/index.js");
-const optionUtil = require("../../../utils/optionUtil.js");
+require("../../../utils/optionUtil.js");
 const index$2 = require("../../../../node_modules/vant/es/picker/index.js");
 const index$1 = require("../../../../node_modules/vant/es/popup/index.js");
 const index$3 = require("../../../../node_modules/vant/es/icon/index.js");
@@ -70,30 +70,8 @@ const _sfc_main = {
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const attrs = vue.useAttrs();
+    vue.useAttrs();
     const finalOptions = vue.ref([]);
-    optionUtil.getOptions({
-      ...attrs,
-      staticOptions: props.pickerOptions,
-      optionsFieldNames: props.treeOptionsFieldNames
-    }).then((data) => {
-      finalOptions.value = data;
-    });
-    vue.watch(
-      () => props.pickerOptions,
-      () => {
-        optionUtil.getOptions({
-          ...attrs,
-          staticOptions: props.pickerOptions,
-          optionsFieldNames: props.treeOptionsFieldNames
-        }).then((data) => {
-          finalOptions.value = data;
-        });
-      },
-      {
-        deep: true
-      }
-    );
     const fieldTextValue = vue.ref("");
     const showPicker = vue.ref(false);
     const emit = __emit;

package/lib/packages/mobile/src/components/form/fieldRadio/FieldRadio.vue.js

@@ -4,6 +4,7 @@ const vue = require("vue");
 const index = require("../field/index.js");
 const optionUtil = require("../../../utils/optionUtil.js");
 const index$1 = require("../radioGroup/index.js");
+const common = require("../../../utils/common.js");
 const _hoisted_1 = { key: 1 };
 const _sfc_main = {
   __name: "FieldRadio",
@@ -19,20 +20,46 @@ const _sfc_main = {
     readonly: {
       type: Boolean,
       default: false
+    },
+    dataSources: {
+      type: Array,
+      default: () => []
+    },
+    formData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    fields: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const currentInstance = vue.getCurrentInstance();
-    currentInstance.proxy;
+    const ctx = currentInstance.proxy;
     const props = __props;
     vue.useAttrs();
     const finalOptions = vue.ref([]);
-    optionUtil.getOptions({
-      ...props.optionConfig
-    }).then((data) => {
-      finalOptions.value = data;
-    });
+    vue.watch(
+      () => common.cloneDeep(props.optionConfig),
+      (val) => {
+        optionUtil.getOptions({
+          ctx,
+          dataSources: props.dataSources,
+          formData: props.formData,
+          fields: props.fields,
+          ...props.optionConfig
+        }).then((data) => {
+          finalOptions.value = data;
+        });
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
     const emit = __emit;
     const compValue = vue.computed({
       get: () => {

package/lib/packages/mobile/src/components/form/fieldSubTitle/FieldSubTitle.vue.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                    */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = { class: "fec-sub-title" };
+const _hoisted_2 = { class: "fec-label-title" };
+const _sfc_main = {
+  __name: "FieldSubTitle",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      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.toDisplayString(__props.label), 1),
+        _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "fec-label-line-query" }, null, -1))
+      ]);
+    };
+  }
+};
+const _FieldSubTitle = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-91f26588"]]);
+exports.default = _FieldSubTitle;

package/lib/packages/mobile/src/components/form/fieldSubTitle/index.js

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

package/lib/packages/mobile/src/components/form/radioGroup/RadioGroup.vue.js

@@ -19,7 +19,7 @@ const _sfc_main = {
     fieldNames: {
       type: Object,
       default: {
-        text: "text",
+        text: "label",
         value: "value",
         disabled: "disabled"
       }

package/lib/packages/mobile/src/components/navigation/actionBar/ActionBar.vue.js

@@ -2,22 +2,41 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                                               */
 ;/* empty css                                                     */
+;/* empty css                                                */
+;/* empty css                                               */
+;/* empty css                                                  */
+;/* empty css                                                 */
+;/* empty css                                                            */
 const vue = require("vue");
+;/* empty css                */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/action-bar/index.js");
-const _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_van_action_bar = index.ActionBar;
-  return vue.openBlock(), vue.createBlock(_component_van_action_bar, vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), vue.createSlots({ _: 2 }, [
-    vue.renderList(_ctx.$slots, (item, key) => {
-      return {
-        name: key,
-        fn: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, key)
-        ])
-      };
-    })
-  ]), 1040);
-}
-const _ActionBar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+const index$1 = require("../../../../node_modules/vant/es/action-bar-button/index.js");
+const _sfc_main = {
+  __name: "ActionBar",
+  props: {
+    actionBarOptions: {
+      type: Array,
+      default: []
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_van_action_bar_button = index$1.ActionBarButton;
+      const _component_van_action_bar = index.ActionBar;
+      return vue.openBlock(), vue.createBlock(_component_van_action_bar, { "safe-area-inset-bottom": "" }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.actionBarOptions, (item) => {
+            return vue.openBlock(), vue.createBlock(_component_van_action_bar_button, {
+              type: item.type,
+              text: item.text
+            }, null, 8, ["type", "text"]);
+          }), 256))
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const _ActionBar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-44eb199a"]]);
 exports.default = _ActionBar;

package/lib/packages/mobile/src/components/navigation/tabbar/Tabbar.vue.js

@@ -38,7 +38,8 @@ const _sfc_main = {
       return vue.openBlock(), vue.createBlock(_component_van_tabbar, vue.mergeProps(_ctx.$attrs, {
         modelValue: vue.unref(activeName),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(activeName) ? activeName.value = $event : null),
-        fixed: false
+        fixed: false,
+        "safe-area-inset-bottom": ""
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tabbarOptions, (item) => {

package/lib/packages/mobile/src/utils/common.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const cloneDeep$1 = require("../../../../node_modules/lodash-es/cloneDeep.js");
+function cloneDeep(data) {
+  return cloneDeep$1.default(data);
+}
+function removeEmptyValues(data) {
+  if (typeof data !== "object" || data === null) {
+    return data;
+  }
+  if (Array.isArray(data)) {
+    return data.map((item) => removeEmptyValues(item)).filter((item) => {
+      return item !== null && item !== void 0 && item !== "";
+    });
+  }
+  const result = {};
+  for (const key in data) {
+    if (Object.prototype.hasOwnProperty.call(data, key)) {
+      const value = removeEmptyValues(data[key]);
+      if (value !== null && value !== void 0 && value !== "") {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+exports.cloneDeep = cloneDeep;
+exports.removeEmptyValues = removeEmptyValues;