yc-pro-components 0.0.85 → 1.0.0

package/lib/components/yc-query-filter/src/index.vue2.js

@@ -0,0 +1,666 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var elementPlus = require('element-plus');
+var ElementPlusIconsVue = require('@element-plus/icons-vue');
+var useLocale = require('../../../hooks/useLocale.js');
+require('sortablejs');
+var useQueryFilterConfig = require('../../../hooks/useQueryFilterConfig.js');
+var serialize = require('./serialize.js');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-query-filter"
+};
+const _hoisted_2 = { class: "yc-query-filter__panel" };
+const _hoisted_3 = {
+  key: 0,
+  class: "yc-query-filter__loading"
+};
+const _hoisted_4 = { class: "yc-query-filter__col" };
+const _hoisted_5 = { class: "yc-query-filter__title" };
+const _hoisted_6 = {
+  key: 0,
+  class: "yc-query-filter__empty"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "yc-query-filter__list"
+};
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "yc-query-filter__ops" };
+const _hoisted_10 = { class: "yc-query-filter__col yc-query-filter__col--right" };
+const _hoisted_11 = { class: "yc-query-filter__title" };
+const _hoisted_12 = { class: "yc-query-filter__tabs" };
+const _hoisted_13 = {
+  key: 1,
+  class: "yc-query-filter__list"
+};
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "yc-query-filter__meta" };
+const _hoisted_16 = { class: "yc-query-filter__highlight" };
+const _hoisted_17 = { class: "yc-query-filter__ops" };
+const _hoisted_18 = {
+  key: 1,
+  class: "yc-query-filter__list"
+};
+const _hoisted_19 = ["onClick"];
+const _hoisted_20 = { class: "yc-query-filter__meta" };
+const _hoisted_21 = { class: "yc-query-filter__highlight" };
+const _hoisted_22 = { class: "yc-query-filter__ops" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "YcQueryFilterManager"
+  },
+  __name: "index",
+  props: {
+    pageInstance: {},
+    queryFilterKey: { default: "main" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale.useLocale();
+    const config = useQueryFilterConfig.useQueryFilterConfig();
+    const enabled = vue.computed(
+      () => !!((config == null ? void 0 : config.enabled) && config.api && config.appCode && pageEnabled.value)
+    );
+    const route = vue.inject(vueRouter.routeLocationKey, null);
+    const pageCode = vue.computed(() => {
+      const custom = config == null ? void 0 : config.pageCode;
+      if (typeof custom === "function") return custom();
+      if (custom) return custom;
+      const routeName = String((route == null ? void 0 : route.name) || (route == null ? void 0 : route.path) || "unnamed");
+      return `${config == null ? void 0 : config.appCode}:${routeName}:${props.queryFilterKey}`;
+    });
+    const schemaVersion = vue.ref(1);
+    const pageEnabled = vue.ref(true);
+    const mine = vue.ref([]);
+    const received = vue.ref([]);
+    const shared = vue.ref([]);
+    const rightTab = vue.ref("received");
+    const panelVisible = vue.ref(false);
+    const loading = vue.ref(false);
+    const saveVisible = vue.ref(false);
+    const saveName = vue.ref("");
+    const editingId = vue.ref(null);
+    const editingItem = vue.ref(null);
+    const saving = vue.ref(false);
+    const shareVisible = vue.ref(false);
+    const sharingId = vue.ref(null);
+    const shareUserIds = vue.ref([]);
+    const userOptions = vue.ref([]);
+    function getPage() {
+      return vue.unref(props.pageInstance);
+    }
+    function getFormValues() {
+      var _a;
+      const page = getPage();
+      const values = (_a = page == null ? void 0 : page.getSearchFieldsValue) == null ? void 0 : _a.call(page);
+      return values && typeof values === "object" ? { ...values } : {};
+    }
+    function displayTime(value) {
+      if (!value) return "";
+      const matched = value.match(/^(\d{4}-\d{2}-\d{2} \d{2}:\d{2})/);
+      return matched ? matched[1] : value;
+    }
+    function applyItem(item) {
+      var _a, _b;
+      const fields = serialize.extractQueryFilterFields(item.conditions);
+      const page = getPage();
+      if (page == null ? void 0 : page.replaceSearchFormValues) {
+        page.replaceSearchFormValues(fields);
+      } else {
+        (_a = page == null ? void 0 : page.clearSearchFieldsValue) == null ? void 0 : _a.call(page);
+        (_b = page == null ? void 0 : page.setSearchFieldsValue) == null ? void 0 : _b.call(page, fields);
+      }
+      if (schemaVersion.value && item.schemaVersion && item.schemaVersion !== schemaVersion.value) {
+        elementPlus.ElMessage.warning(t("plus.queryFilter.schemaMismatch"));
+      } else {
+        elementPlus.ElMessage.success(t("plus.queryFilter.applied"));
+      }
+      panelVisible.value = false;
+    }
+    async function refreshList() {
+      if (!(config == null ? void 0 : config.api)) return;
+      loading.value = true;
+      try {
+        const data = await config.api.list({
+          appCode: config.appCode,
+          pageCode: pageCode.value
+        });
+        schemaVersion.value = (data == null ? void 0 : data.schemaVersion) || 1;
+        pageEnabled.value = (data == null ? void 0 : data.enabled) !== false;
+        mine.value = (data == null ? void 0 : data.mine) || [];
+        received.value = (data == null ? void 0 : data.received) || [];
+        shared.value = (data == null ? void 0 : data.shared) || [];
+      } finally {
+        loading.value = false;
+      }
+    }
+    function openSaveAs() {
+      editingId.value = null;
+      editingItem.value = null;
+      saveName.value = "";
+      saveVisible.value = true;
+    }
+    function openEdit(item) {
+      editingId.value = item.id;
+      editingItem.value = item;
+      saveName.value = item.name;
+      saveVisible.value = true;
+    }
+    async function confirmSave() {
+      const name = saveName.value.trim();
+      if (!name) {
+        elementPlus.ElMessage.warning(t("plus.queryFilter.namePlaceholder"));
+        return;
+      }
+      if (!(config == null ? void 0 : config.api)) return;
+      saving.value = true;
+      try {
+        const owned = mine.value.some((item) => item.id === editingId.value);
+        if (editingId.value && owned) {
+          await config.api.update({ id: editingId.value, name });
+        } else {
+          const fields = editingItem.value ? serialize.extractQueryFilterFields(editingItem.value.conditions) : getFormValues();
+          await config.api.saveAs({
+            appCode: config.appCode,
+            pageCode: pageCode.value,
+            name,
+            conditions: serialize.serializeQueryFilter(fields, schemaVersion.value)
+          });
+        }
+        elementPlus.ElMessage.success(t("plus.queryFilter.saveSuccess"));
+        saveVisible.value = false;
+        await refreshList();
+      } catch (error) {
+        elementPlus.ElMessage.error(error instanceof Error ? error.message : t("plus.queryFilter.saveSuccess"));
+      } finally {
+        saving.value = false;
+      }
+    }
+    function confirmOptions() {
+      return {
+        type: "warning",
+        confirmButtonText: t("plus.dialog.confirmText"),
+        cancelButtonText: t("plus.dialog.cancelText")
+      };
+    }
+    async function removeItem(item) {
+      if (!(config == null ? void 0 : config.api)) return;
+      try {
+        await elementPlus.ElMessageBox.confirm(
+          t("plus.queryFilter.confirmDelete"),
+          t("plus.table.prompt"),
+          confirmOptions()
+        );
+        await config.api.delete({ id: item.id });
+        elementPlus.ElMessage.success(t("plus.queryFilter.deleteSuccess"));
+        await refreshList();
+      } catch (e) {
+      }
+    }
+    async function openShare(item) {
+      sharingId.value = item.id;
+      shareUserIds.value = [...item.recipientUserIds || []];
+      if (config == null ? void 0 : config.openUserSelector) {
+        try {
+          const ids = await config.openUserSelector();
+          if (ids == null ? void 0 : ids.length) {
+            await config.api.share({ id: item.id, recipientUserIds: ids });
+            elementPlus.ElMessage.success(t("plus.queryFilter.shareSuccess"));
+            await refreshList();
+          }
+        } catch (error) {
+          if (error instanceof Error && error.message) elementPlus.ElMessage.error(error.message);
+        }
+        return;
+      }
+      if (!(config == null ? void 0 : config.searchUsers)) {
+        elementPlus.ElMessage.warning(t("plus.queryFilter.noSelector"));
+        return;
+      }
+      userOptions.value = await config.searchUsers("");
+      shareVisible.value = true;
+    }
+    async function remoteSearchUsers(keyword) {
+      if (!(config == null ? void 0 : config.searchUsers)) return;
+      userOptions.value = await config.searchUsers(keyword);
+    }
+    async function confirmShare() {
+      if (!(config == null ? void 0 : config.api) || !sharingId.value) return;
+      if (!shareUserIds.value.length) {
+        elementPlus.ElMessage.warning(t("plus.queryFilter.sharePlaceholder"));
+        return;
+      }
+      try {
+        await config.api.share({ id: sharingId.value, recipientUserIds: shareUserIds.value });
+        elementPlus.ElMessage.success(t("plus.queryFilter.shareSuccess"));
+        shareVisible.value = false;
+        await refreshList();
+      } catch (error) {
+        elementPlus.ElMessage.error(error instanceof Error ? error.message : t("plus.queryFilter.shareSuccess"));
+      }
+    }
+    async function revokeShare(item, recipientUserIds) {
+      if (!(config == null ? void 0 : config.api)) return;
+      try {
+        await elementPlus.ElMessageBox.confirm(
+          t("plus.queryFilter.confirmRevoke"),
+          t("plus.table.prompt"),
+          confirmOptions()
+        );
+        await config.api.revoke({ id: item.id, recipientUserIds });
+        elementPlus.ElMessage.success(t("plus.queryFilter.revokeSuccess"));
+        await refreshList();
+      } catch (e) {
+      }
+    }
+    function receivedPrefix(item) {
+      return t("plus.queryFilter.sharedByPrefix", {
+        time: displayTime(item.sharedTime || item.createdTime),
+        sender: item.ownerUserName || item.ownerUserId
+      });
+    }
+    function sharedPrefix(item) {
+      var _a, _b;
+      const recipient = ((_a = item.recipientNames) == null ? void 0 : _a[0]) || (((_b = item.recipientUserIds) == null ? void 0 : _b.length) ? `${item.recipientUserIds.length}` : "");
+      return t("plus.queryFilter.sharedToPrefix", {
+        time: displayTime(item.sharedTime || item.updatedTime || item.createdTime),
+        recipient
+      });
+    }
+    return (_ctx, _cache) => {
+      return enabled.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
+        vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: openSaveAs }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(
+              vue.toDisplayString(vue.unref(t)("plus.queryFilter.saveAs")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        vue.createVNode(vue.unref(elementPlus.ElPopover), {
+          visible: panelVisible.value,
+          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => panelVisible.value = $event),
+          placement: "bottom-end",
+          width: 720,
+          trigger: "click",
+          teleported: "",
+          onShow: refreshList
+        }, {
+          reference: vue.withCtx(() => [
+            vue.createVNode(vue.unref(elementPlus.ElButton), null, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(
+                  vue.toDisplayString(vue.unref(t)("plus.queryFilter.saved")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, "...")) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode(
+                  "div",
+                  _hoisted_5,
+                  vue.toDisplayString(vue.unref(t)("plus.queryFilter.savedTitle")),
+                  1
+                  /* TEXT */
+                ),
+                !mine.value.length ? (vue.openBlock(), vue.createElementBlock(
+                  "div",
+                  _hoisted_6,
+                  vue.toDisplayString(vue.unref(t)("plus.queryFilter.emptyMine")),
+                  1
+                  /* TEXT */
+                )) : (vue.openBlock(), vue.createElementBlock("ul", _hoisted_7, [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(mine.value, (item) => {
+                      return vue.openBlock(), vue.createElementBlock("li", {
+                        key: item.id,
+                        class: "yc-query-filter__item"
+                      }, [
+                        vue.createElementVNode("button", {
+                          type: "button",
+                          class: "yc-query-filter__name",
+                          onClick: ($event) => applyItem(item)
+                        }, vue.toDisplayString(item.name), 9, _hoisted_8),
+                        vue.createElementVNode("span", _hoisted_9, [
+                          vue.createVNode(vue.unref(elementPlus.ElButton), {
+                            link: "",
+                            type: "danger",
+                            icon: vue.unref(ElementPlusIconsVue.Delete),
+                            title: vue.unref(t)("plus.queryFilter.remove"),
+                            onClick: vue.withModifiers(($event) => removeItem(item), ["stop"])
+                          }, null, 8, ["icon", "title", "onClick"]),
+                          vue.createVNode(vue.unref(elementPlus.ElButton), {
+                            link: "",
+                            icon: vue.unref(ElementPlusIconsVue.EditPen),
+                            title: vue.unref(t)("plus.queryFilter.edit"),
+                            onClick: vue.withModifiers(($event) => openEdit(item), ["stop"])
+                          }, null, 8, ["icon", "title", "onClick"]),
+                          vue.createVNode(vue.unref(elementPlus.ElButton), {
+                            link: "",
+                            icon: vue.unref(ElementPlusIconsVue.Share),
+                            title: vue.unref(t)("plus.queryFilter.share"),
+                            onClick: vue.withModifiers(($event) => openShare(item), ["stop"])
+                          }, null, 8, ["icon", "title", "onClick"])
+                        ])
+                      ]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]))
+              ]),
+              vue.createElementVNode("div", _hoisted_10, [
+                vue.createElementVNode(
+                  "div",
+                  _hoisted_11,
+                  vue.toDisplayString(vue.unref(t)("plus.queryFilter.panelTitle")),
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode("div", _hoisted_12, [
+                  vue.createElementVNode(
+                    "button",
+                    {
+                      type: "button",
+                      class: vue.normalizeClass({ "is-active": rightTab.value === "received" }),
+                      onClick: _cache[0] || (_cache[0] = ($event) => rightTab.value = "received")
+                    },
+                    vue.toDisplayString(vue.unref(t)("plus.queryFilter.received")),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  vue.createElementVNode(
+                    "button",
+                    {
+                      type: "button",
+                      class: vue.normalizeClass({ "is-active": rightTab.value === "shared" }),
+                      onClick: _cache[1] || (_cache[1] = ($event) => rightTab.value = "shared")
+                    },
+                    vue.toDisplayString(vue.unref(t)("plus.queryFilter.shared")),
+                    3
+                    /* TEXT, CLASS */
+                  )
+                ]),
+                rightTab.value === "received" ? (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 0 },
+                  [
+                    !received.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
+                      key: 0,
+                      description: vue.unref(t)("plus.queryFilter.emptyReceived"),
+                      "image-size": 48
+                    }, null, 8, ["description"])) : (vue.openBlock(), vue.createElementBlock("ul", _hoisted_13, [
+                      (vue.openBlock(true), vue.createElementBlock(
+                        vue.Fragment,
+                        null,
+                        vue.renderList(received.value, (item) => {
+                          return vue.openBlock(), vue.createElementBlock("li", {
+                            key: item.id,
+                            class: "yc-query-filter__item"
+                          }, [
+                            vue.createElementVNode("button", {
+                              type: "button",
+                              class: "yc-query-filter__line",
+                              onClick: ($event) => applyItem(item)
+                            }, [
+                              vue.createElementVNode(
+                                "span",
+                                _hoisted_15,
+                                vue.toDisplayString(receivedPrefix(item)),
+                                1
+                                /* TEXT */
+                              ),
+                              vue.createElementVNode(
+                                "span",
+                                _hoisted_16,
+                                "\u3010" + vue.toDisplayString(item.name) + "\u3011",
+                                1
+                                /* TEXT */
+                              )
+                            ], 8, _hoisted_14),
+                            vue.createElementVNode("span", _hoisted_17, [
+                              vue.createVNode(vue.unref(elementPlus.ElButton), {
+                                link: "",
+                                type: "danger",
+                                icon: vue.unref(ElementPlusIconsVue.Delete),
+                                title: vue.unref(t)("plus.queryFilter.remove"),
+                                onClick: vue.withModifiers(($event) => removeItem(item), ["stop"])
+                              }, null, 8, ["icon", "title", "onClick"]),
+                              vue.createVNode(vue.unref(elementPlus.ElButton), {
+                                link: "",
+                                icon: vue.unref(ElementPlusIconsVue.EditPen),
+                                title: vue.unref(t)("plus.queryFilter.edit"),
+                                onClick: vue.withModifiers(($event) => openEdit(item), ["stop"])
+                              }, null, 8, ["icon", "title", "onClick"])
+                            ])
+                          ]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 1 },
+                  [
+                    !shared.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
+                      key: 0,
+                      description: vue.unref(t)("plus.queryFilter.emptyShared"),
+                      "image-size": 48
+                    }, null, 8, ["description"])) : (vue.openBlock(), vue.createElementBlock("ul", _hoisted_18, [
+                      (vue.openBlock(true), vue.createElementBlock(
+                        vue.Fragment,
+                        null,
+                        vue.renderList(shared.value, (item) => {
+                          return vue.openBlock(), vue.createElementBlock("li", {
+                            key: item.id,
+                            class: "yc-query-filter__item"
+                          }, [
+                            vue.createElementVNode("button", {
+                              type: "button",
+                              class: "yc-query-filter__line",
+                              onClick: ($event) => applyItem(item)
+                            }, [
+                              vue.createElementVNode(
+                                "span",
+                                _hoisted_20,
+                                vue.toDisplayString(sharedPrefix(item)),
+                                1
+                                /* TEXT */
+                              ),
+                              vue.createElementVNode(
+                                "span",
+                                _hoisted_21,
+                                "\u3010" + vue.toDisplayString(item.name) + "\u3011",
+                                1
+                                /* TEXT */
+                              )
+                            ], 8, _hoisted_19),
+                            vue.createElementVNode("span", _hoisted_22, [
+                              vue.createVNode(vue.unref(elementPlus.ElButton), {
+                                link: "",
+                                type: "danger",
+                                icon: vue.unref(ElementPlusIconsVue.RefreshLeft),
+                                title: vue.unref(t)("plus.queryFilter.revoke"),
+                                onClick: vue.withModifiers(($event) => revokeShare(item), ["stop"])
+                              }, null, 8, ["icon", "title", "onClick"])
+                            ])
+                          ]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ])
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["visible"]),
+        vue.createVNode(vue.unref(elementPlus.ElDialog), {
+          modelValue: saveVisible.value,
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => saveVisible.value = $event),
+          title: vue.unref(t)("plus.queryFilter.nameTitle"),
+          width: "420px",
+          "append-to-body": "",
+          "append-to": "body"
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              type: "primary",
+              loading: saving.value,
+              onClick: confirmSave
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(
+                  vue.toDisplayString(vue.unref(t)("plus.dialog.confirmText")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["loading"]),
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              onClick: _cache[4] || (_cache[4] = ($event) => saveVisible.value = false)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(
+                  vue.toDisplayString(vue.unref(t)("plus.dialog.cancelText")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(elementPlus.ElForm), {
+              onSubmit: vue.withModifiers(confirmSave, ["prevent"])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(elementPlus.ElFormItem), {
+                  label: vue.unref(t)("plus.queryFilter.nameTitle"),
+                  required: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(elementPlus.ElInput), {
+                      modelValue: saveName.value,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => saveName.value = $event),
+                      maxlength: "30",
+                      placeholder: vue.unref(t)("plus.queryFilter.namePlaceholder")
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["label"])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue", "title"]),
+        vue.createVNode(vue.unref(elementPlus.ElDialog), {
+          modelValue: shareVisible.value,
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => shareVisible.value = $event),
+          title: vue.unref(t)("plus.queryFilter.shareTitle"),
+          width: "480px",
+          "append-to-body": "",
+          "append-to": "body"
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              onClick: _cache[7] || (_cache[7] = ($event) => shareVisible.value = false)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(
+                  vue.toDisplayString(vue.unref(t)("plus.dialog.cancelText")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              type: "primary",
+              onClick: confirmShare
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(
+                  vue.toDisplayString(vue.unref(t)("plus.dialog.confirmText")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(elementPlus.ElSelect), {
+              modelValue: shareUserIds.value,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => shareUserIds.value = $event),
+              multiple: "",
+              filterable: "",
+              remote: "",
+              "remote-method": remoteSearchUsers,
+              placeholder: vue.unref(t)("plus.queryFilter.sharePlaceholder"),
+              style: { "width": "100%" }
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(userOptions.value, (user) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElOption), {
+                      key: user.userId,
+                      label: user.name,
+                      value: user.userId
+                    }, null, 8, ["label", "value"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue", "placeholder"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue", "title"])
+      ])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/yc-query-filter/src/serialize.d.ts

@@ -0,0 +1,4 @@
+import { QueryFilterConditions } from 'yc-pro-components/es/constants';
+
+export declare function serializeQueryFilter(fields: Record<string, unknown>, schemaVersion: number): QueryFilterConditions;
+export declare function extractQueryFilterFields(conditions?: QueryFilterConditions | null): Record<string, unknown>;

package/lib/components/yc-query-filter/src/serialize.js

@@ -0,0 +1,20 @@
+'use strict';
+
+function serializeQueryFilter(fields, schemaVersion) {
+  return {
+    schemaVersion,
+    fields: { ...fields || {} }
+  };
+}
+function extractQueryFilterFields(conditions) {
+  if (!conditions || typeof conditions !== "object") return {};
+  if (conditions.fields && typeof conditions.fields === "object") {
+    return { ...conditions.fields };
+  }
+  const rest = { ...conditions };
+  delete rest.schemaVersion;
+  return rest;
+}
+
+exports.extractQueryFilterFields = extractQueryFilterFields;
+exports.serializeQueryFilter = serializeQueryFilter;