@fecp/designer 5.5.113 → 5.5.114

package/lib/packages/mobile/src/components/custom/userSelect/UserSelect.vue.js

@@ -0,0 +1,320 @@
+"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                                                      */
+;/* 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/popup/index.js");
+const index$1 = require("../../../../../../node_modules/vant/es/search/index.js");
+const index$2 = require("../../../../../../node_modules/vant/es/list/index.js");
+const index$3 = require("../../../../../../node_modules/vant/es/checkbox/index.js");
+const index$4 = require("../../../../../../node_modules/vant/es/radio/index.js");
+const index$5 = require("../../../../../../node_modules/vant/es/button/index.js");
+const _hoisted_1 = { class: "fec-user-select" };
+const _hoisted_2 = { class: "fec-user-select-header" };
+const _hoisted_3 = { class: "fec-user-select-title" };
+const _hoisted_4 = { class: "fec-user-select-search" };
+const _hoisted_5 = {
+  class: "fec-user-select-list",
+  ref: "listRef"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "fec-user-select-avatar" };
+const _hoisted_8 = { class: "fec-user-select-info" };
+const _hoisted_9 = { class: "fec-user-select-name" };
+const _hoisted_10 = {
+  key: 0,
+  class: "fec-user-select-sub"
+};
+const _hoisted_11 = { class: "fec-user-select-footer" };
+const _hoisted_12 = { class: "fec-user-select-summary" };
+const _hoisted_13 = { class: "fec-user-select-summary-count" };
+const _hoisted_14 = {
+  key: 0,
+  class: "fec-user-select-summary-list"
+};
+const _hoisted_15 = {
+  key: 1,
+  class: "fec-user-select-summary-chip"
+};
+const pageSize = 10;
+const _sfc_main = {
+  __name: "UserSelect",
+  props: {
+    // 是否多选
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    // 已选人员（受控）
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    // 占位
+    searchPlaceholder: {
+      type: String,
+      default: "请输入姓名"
+    },
+    // 是否显示弹窗
+    show: {
+      type: Boolean,
+      default: false
+    },
+    // 弹窗标题
+    title: {
+      type: String,
+      default: "选择人员"
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "update:show",
+    "confirm",
+    "change"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const searchKeyword = Vue.ref("");
+    const list = Vue.ref([]);
+    const pageNum = Vue.ref(1);
+    const listLoading = Vue.ref(false);
+    const listError = Vue.ref(false);
+    const listFinished = Vue.ref(false);
+    const totalCount = Vue.ref(0);
+    const currentInstance = Vue.getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const popupShow = Vue.ref(props.show);
+    Vue.watch(
+      () => props.show,
+      (v) => {
+        popupShow.value = v;
+      }
+    );
+    Vue.watch(popupShow, (v) => {
+      emit("update:show", v);
+    });
+    const selectedList = Vue.ref([...props.modelValue || []]);
+    Vue.watch(
+      () => props.modelValue,
+      (val) => {
+        selectedList.value = [...val || []];
+      }
+    );
+    function emitChange() {
+      emit("update:modelValue", [...selectedList.value]);
+      emit("change", [...selectedList.value]);
+    }
+    function isSelected(item) {
+      return selectedList.value.some((u) => u.userId === item.userId);
+    }
+    const selectedId = Vue.computed(() => {
+      var _a;
+      if (props.multiple) return "";
+      return ((_a = selectedList.value[0]) == null ? void 0 : _a.userId) || "";
+    });
+    function toggleSelect(item) {
+      if (props.multiple) {
+        const idx = selectedList.value.findIndex((u) => u.userId === item.userId);
+        if (idx > -1) {
+          selectedList.value.splice(idx, 1);
+        } else {
+          selectedList.value.push({
+            ...item,
+            selectedRoles: getRoleList(item).slice()
+          });
+        }
+      } else {
+        if (selectedId.value === item.userId) {
+          selectedList.value = [];
+        } else {
+          selectedList.value = [
+            { ...item, selectedRoles: getRoleList(item).slice() }
+          ];
+        }
+      }
+      emitChange();
+    }
+    function onConfirm() {
+      emit("confirm", [...selectedList.value]);
+    }
+    function onSearch(val) {
+      pageNum.value = 1;
+      listFinished.value = false;
+      listError.value = false;
+      list.value = [];
+      fetchData(val);
+    }
+    function onSearchClear() {
+      onSearch("");
+    }
+    function fetchData(keyword = "") {
+      listLoading.value = true;
+      ctx.$http.post(
+        "/base-server/mobileApi/findSysUserByPage",
+        {
+          pageNo: pageNum.value,
+          pageSize,
+          opName: keyword
+        },
+        false
+      ).then((data) => {
+        const pageData = data.records || data || [];
+        list.value = list.value.concat(pageData);
+        totalCount.value = data.total;
+        if (pageData.length < pageSize) {
+          listFinished.value = true;
+        } else {
+          pageNum.value += 1;
+        }
+      }).catch(() => {
+        listError.value = true;
+      }).finally(() => {
+        listLoading.value = false;
+      });
+    }
+    function onListLoad() {
+      fetchData(searchKeyword.value);
+    }
+    function getInitial(item) {
+      const name = item.opName || "";
+      if (!name) return "?";
+      return name.length <= 2 ? name : name.slice(-2);
+    }
+    function getRoleList(item) {
+      if (!item.roleName) return [];
+      return item.roleName.split(/[,，|]/).map((s) => s.trim()).filter(Boolean);
+    }
+    Vue.onMounted(() => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      const _component_van_search = index$1.Search;
+      const _component_van_checkbox = index$3.Checkbox;
+      const _component_van_radio = index$4.Radio;
+      const _component_van_list = index$2.List;
+      const _component_van_button = index$5.Button;
+      const _component_van_popup = index.Popup;
+      return Vue.openBlock(), Vue.createBlock(_component_van_popup, {
+        show: Vue.unref(popupShow),
+        "onUpdate:show": _cache[3] || (_cache[3] = ($event) => Vue.isRef(popupShow) ? popupShow.value = $event : null),
+        position: "bottom",
+        style: { height: "80%" },
+        round: "",
+        closeable: "",
+        "close-icon-position": "top-left",
+        teleport: "body"
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createElementVNode("div", _hoisted_1, [
+            Vue.createElementVNode("div", _hoisted_2, [
+              Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(__props.title), 1)
+            ]),
+            Vue.createElementVNode("div", _hoisted_4, [
+              Vue.createVNode(_component_van_search, {
+                modelValue: Vue.unref(searchKeyword),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(searchKeyword) ? searchKeyword.value = $event : null),
+                shape: "round",
+                placeholder: __props.searchPlaceholder,
+                clearable: "",
+                onSearch,
+                onClear: onSearchClear
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            Vue.createElementVNode("div", _hoisted_5, [
+              Vue.createVNode(_component_van_list, {
+                loading: Vue.unref(listLoading),
+                "onUpdate:loading": _cache[1] || (_cache[1] = ($event) => Vue.isRef(listLoading) ? listLoading.value = $event : null),
+                error: Vue.unref(listError),
+                "onUpdate:error": _cache[2] || (_cache[2] = ($event) => Vue.isRef(listError) ? listError.value = $event : null),
+                finished: Vue.unref(listFinished),
+                offset: 50,
+                "finished-text": "没有更多了",
+                "error-text": "请求失败，点击重新加载",
+                onLoad: onListLoad,
+                class: "fec-user-select-vanlist"
+              }, {
+                default: Vue.withCtx(() => [
+                  (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(list), (item) => {
+                    return Vue.openBlock(), Vue.createElementBlock("div", {
+                      key: item.userId,
+                      class: Vue.normalizeClass(["fec-user-select-item", { "is-selected": isSelected(item) }]),
+                      onClick: ($event) => toggleSelect(item)
+                    }, [
+                      __props.multiple ? (Vue.openBlock(), Vue.createBlock(_component_van_checkbox, {
+                        key: 0,
+                        "model-value": isSelected(item),
+                        onClick: Vue.withModifiers(($event) => toggleSelect(item), ["stop"]),
+                        class: "fec-user-select-check"
+                      }, null, 8, ["model-value", "onClick"])) : (Vue.openBlock(), Vue.createBlock(_component_van_radio, {
+                        key: 1,
+                        "model-value": Vue.unref(selectedId),
+                        name: item.userId,
+                        onClick: Vue.withModifiers(($event) => toggleSelect(item), ["stop"]),
+                        class: "fec-user-select-check"
+                      }, null, 8, ["model-value", "name", "onClick"])),
+                      Vue.createElementVNode("div", _hoisted_7, Vue.toDisplayString(getInitial(item)), 1),
+                      Vue.createElementVNode("div", _hoisted_8, [
+                        Vue.createElementVNode("div", _hoisted_9, [
+                          Vue.createElementVNode("span", null, Vue.toDisplayString(item.opName), 1)
+                        ]),
+                        getRoleList(item).length ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_10, Vue.toDisplayString(getRoleList(item).join("、")), 1)) : Vue.createCommentVNode("", true)
+                      ])
+                    ], 10, _hoisted_6);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["loading", "error", "finished"])
+            ], 512),
+            Vue.createElementVNode("div", _hoisted_11, [
+              Vue.createElementVNode("div", _hoisted_12, [
+                _cache[4] || (_cache[4] = Vue.createElementVNode("span", { class: "fec-user-select-summary-label" }, "已选择(", -1)),
+                Vue.createElementVNode("span", _hoisted_13, Vue.toDisplayString(Vue.unref(selectedList).length), 1),
+                _cache[5] || (_cache[5] = Vue.createElementVNode("span", { class: "fec-user-select-summary-label" }, "):", -1)),
+                __props.multiple ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_14, [
+                  (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(selectedList), (u) => {
+                    return Vue.openBlock(), Vue.createElementBlock("span", {
+                      key: u.userId,
+                      class: "fec-user-select-summary-chip"
+                    }, Vue.toDisplayString(getInitial(u)), 1);
+                  }), 128))
+                ])) : Vue.unref(selectedList).length ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_15, Vue.toDisplayString(getInitial(Vue.unref(selectedList)[0])), 1)) : Vue.createCommentVNode("", true)
+              ]),
+              Vue.createVNode(_component_van_button, {
+                type: "primary",
+                round: "",
+                size: "small",
+                class: "fec-user-select-confirm",
+                disabled: Vue.unref(selectedList).length === 0,
+                onClick: onConfirm
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(__props.multiple ? `确定 (${Vue.unref(selectedList).length}/${Vue.unref(totalCount)})` : "确定"), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["show"]);
+    };
+  }
+};
+const _UserSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4346b977"]]);
+exports.default = _UserSelect;

package/lib/packages/mobile/src/components/custom/userSelect/index.js

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

package/lib/packages/mobile/src/components/dataDisplay/cardList/CardList.vue.js

@@ -1,19 +1,27 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                                               */
-;/* empty css                                                  */
-;/* empty css                                               */
+;/* empty css                                                     */
+;/* empty css                                                        */
+;/* empty css                                                     */
 const Vue = require("vue");
 const datasource = require("../../../utils/datasource.js");
 const VueRender = require("../../../utils/idea/VueRender.vue.js");
 ;/* empty css               */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index = require("../../../../node_modules/vant/es/list/index.js");
+const index = require("../../../../../../node_modules/vant/es/list/index.js");
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "CardList",
   props: {
+    params: {
+      type: Object,
+      default: {}
+    },
+    fields: {
+      type: Array,
+      default: []
+    },
     compId: {
       type: String
     },
@@ -72,20 +80,50 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     autoHeight: {
       type: Boolean,
       default: false
+    },
+    vueTemplateFunctionMapping: {
+      type: Array,
+      default: []
     }
   },
   setup(__props) {
     const props = __props;
+    const handleEvent = Vue.inject("handleEvent");
+    const formData = Vue.inject("formData");
     const currentInstance = Vue.getCurrentInstance();
     const ctx = currentInstance.proxy;
     const listRef = Vue.ref();
+    let isDesigner = false;
     Vue.onMounted(() => {
       var _a, _b;
-      (_b = (_a = listRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.closest(".device-content");
+      const device = (_b = (_a = listRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.closest(".device-content");
+      if (device) {
+        isDesigner = true;
+      }
       initDataSourceManager();
     });
     function eventHandler(funcName, rowData) {
-      console.log("🚀 ~ eventHandler ~ funcName, rowData:", funcName, rowData);
+      var _a, _b;
+      const func = props.vueTemplateFunctionMapping.find(
+        (item) => item.func == funcName
+      );
+      if (func && func.eventConfig) {
+        (_b = handleEvent.value) == null ? void 0 : _b.call(
+          handleEvent,
+          rowData,
+          func,
+          (_a = func.eventConfig) == null ? void 0 : _a.find((item) => item.name == "Click")
+        );
+      }
+    }
+    function dicHandler(dictionaryValue) {
+      return ctx.$http.postForm(
+        "/base-server/parm/sysParmDic/getDicListByKey",
+        {
+          keyName: dictionaryValue
+        },
+        false
+      );
     }
     const tableData = Vue.ref([]);
     const finished = Vue.ref(false);
@@ -101,9 +139,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         pagination: {
           pageNo,
           pageSize: props.pageSize
-        }
-        // data: hiddenFormData.value,
-        // fields: fieldsData.value,
+        },
+        data: (formData == null ? void 0 : formData.value) || {},
+        fields: props.fields
         // sortRules: localConfig.value.sortRules,
         // templateId: localConfig.value.templateKey,
       });
@@ -140,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         await dataSourceManager.value.fetch();
         const data = ((_a = dataSourceManager.value) == null ? void 0 : _a.getData().list) || [];
         tableData.value.push(...data);
-        if (tableData.value.length == 0) {
+        if (tableData.value.length == 0 && isDesigner) {
           tableData.value = [{}];
         }
         if (data.length < props.pageSize) {
@@ -192,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                 default: Vue.withCtx(() => [
                   Vue.createVNode(VueRender.default, {
                     code: __props.vueTemplate,
-                    params: { data: item, eventHandler }
+                    params: { data: item, eventHandler, dicHandler }
                   }, null, 8, ["code", "params"])
                 ]),
                 _: 2
@@ -205,5 +243,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _CardList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-38039905"]]);
+const _CardList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-41d82a14"]]);
 exports.default = _CardList;

package/lib/packages/mobile/src/components/dataDisplay/collapse/Collapse.vue.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* 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/collapse/index.js");
+const index = require("../../../../../../node_modules/vant/es/collapse/index.js");
 const _sfc_main = {
   __name: "Collapse",
   props: {

package/lib/packages/mobile/src/components/dataDisplay/collapseItem/CollapseItem.vue.js

@@ -1,13 +1,13 @@
 "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                                                              */
 const Vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index = require("../../../../node_modules/vant/es/collapse-item/index.js");
+const index = require("../../../../../../node_modules/vant/es/collapse-item/index.js");
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   const _component_van_collapse_item = index.CollapseItem;