agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp31

package/es/super-grid/src/search-form-item.vue.mjs

@@ -0,0 +1,132 @@
+import { $emit as e } from "../../utils/gogocodeTransfer.mjs";
+import o from "./search-methods.mjs";
+import t from "./search-form-number.vue.mjs";
+import l from "./store.mjs";
+import { getControlConfig as n, getDynamicDataSourceOptions as a, isDynamicDataSourceSource as r } from "./utils.mjs";
+import { watchPageContextDynamicVariable as m, getPropValueNew as c } from "../../src/utils/util.mjs";
+import { resolveComponent as u, openBlock as p, createBlock as i, withCtx as s, createElementVNode as d, createElementBlock as h, resolveDynamicComponent as y, createVNode as g, normalizeStyle as f, createSlots as T, Fragment as V, renderList as C, createTextVNode as b, toDisplayString as S, withKeys as v, createCommentVNode as F } from "vue";
+import "./search-form-item.vue2.mjs";
+import k from "../../_virtual/_plugin-vue_export-helper.mjs";
+const M = { name: "SearchFormItem", components: { searchFormNumber: t }, inject: ["getListToolbarFormData"], props: { column: { type: Object, default: null }, code: { type: String, default: null }, isSql: { type: Boolean, default: false }, tableName: { type: String, default: null }, isJoinTable: { type: Boolean, default: false }, searchForm: { type: Object, default: null }, index: { type: Number, default: 0 }, length: { type: Number, default: 0 }, loadCompleteQuery: { type: Boolean, default: false }, labelWidth: { type: [String, Number, void 0], default: void 0 } }, data() {
+  const e2 = /* @__PURE__ */ new Set();
+  let o2 = n(this.column), t2 = {};
+  return o2.querySettings && Object.keys(o2.querySettings).length > 0 && (t2 = o2.querySettings), { customComponentNames: e2, dateOne: null, dataTwo: null, moduleConfig: {}, dateVal: this.getFormItemValue(this.column.prop), controlConfig: o2, controlConfigQuerySetting: t2, isShowEmtptyFlag: false, dataSourceOptions: {}, departmentInfo: null, checkEmptyValue: false };
+}, computed: { listToolbarFormData() {
+  const e2 = this.getListToolbarFormData();
+  return e2 && e2.listToolbarFormData ? e2.listToolbarFormData : null;
+}, isShowEmtpty() {
+  return this.isShowEmtptyFlag;
+}, checkedEmpty() {
+  return !(!this.column._emptyValue || "#blank#" !== this.column._emptyValue) || (!this.column._resetValue && void 0 !== this.column._resetValue || (this.column._resetValue && (this.column._resetValue = void 0, this.isShowEmtptyFlag = false), false));
+} }, watch: { "column._resetValue": { deep: true, handler(e2) {
+  e2 && (this.checkEmptyValue = false, this.$refs.selectRef && this.$refs.selectRef.clearEmptyValue(), this.column._resetValue = void 0);
+} } }, created() {
+  this.column.valueSetOptions && (this.moduleConfig = JSON.parse(this.column.valueSetOptions));
+  const e2 = this.column.componentType;
+  e2 && ("multiselect" === e2 || "select" === e2) && this.isDynamicDataSourceSource(this.column) && (this.dataSourceOptions = this.getDynamicDataSourceOptions(this.column)), this.deptScopeLimit();
+}, mounted() {
+  this.index + 1 === this.length && this.loadCompleteQuery && e(this, "submit-form");
+}, methods: { ...o, getDynamicDataSourceOptions(e2) {
+  const o2 = l.get(this.code);
+  let t2 = o2.options.backendUrl;
+  return t2 || (t2 = window.$vueApp.config.globalProperties.baseURL), a(e2, this.isSql, o2.additionalParamMap, t2);
+}, isDynamicDataSourceSource: (e2) => r(e2), setValueToModelProp(e2, o2, t2, l2) {
+  if (e2 && e2.indexOf(".") > 0) {
+    const t3 = this.getParentObject(e2);
+    null != l2 && void 0 !== l2 ? t3[e2.substring(e2.lastIndexOf(".") + 1)][l2] = o2 : t3[e2.substring(e2.lastIndexOf(".") + 1)] = o2;
+  } else
+    null != l2 && void 0 !== l2 ? this.searchForm[e2][l2] = o2 : this.searchForm[e2] = o2;
+}, getLabelWidth(e2) {
+  const o2 = JSON.parse(e2);
+  return "" !== o2.labelWidth && null !== o2.labelWidth && void 0 !== o2.labelWidth ? o2.labelWidth + "px" : "110px";
+}, componentTypeTypeIsTree(e2) {
+  if (e2) {
+    if (e2.indexOf("DeptManTree") > 0)
+      return true;
+    if (e2.indexOf("DeptTree") > 0)
+      return true;
+    if (e2.indexOf("WgManTree") > 0)
+      return true;
+    if (e2.indexOf("WgManTree") > 0)
+      return true;
+  }
+  return false;
+}, getTreeFields(e2) {
+  if (e2 && "" !== e2) {
+    const o2 = JSON.parse(e2);
+    if (o2.length)
+      return o2;
+    if (o2.orgTreeSetArr)
+      return o2.orgTreeSetArr;
+  }
+}, getTreeIsMultiTree: (e2) => !(e2 && e2.indexOf("single") >= 0 && e2.indexOf("Tree") > 0), getTreeType(e2) {
+  if (e2) {
+    if (e2.indexOf("DeptManTree") > 0)
+      return "DeptUserTree";
+    if (e2.indexOf("DeptTree") > 0)
+      return "DeptTree";
+    if (e2.indexOf("WgTree") > 0)
+      return "WgTree";
+    if (e2.indexOf("WgManTree") > 0)
+      return "WgUserTree";
+  }
+}, organizationInputEvent(e2, o2) {
+  e2 && (this.searchForm[e2] = o2);
+}, clearOrganizationInputEvent(e2) {
+  e2 && (this.searchForm[e2] = null);
+}, customComponent(e2) {
+  if (this.controlConfig && !this.controlConfig.customComponent)
+    return false;
+  const o2 = l.get(this.code);
+  if (e2.componentName && "" !== e2.componentName)
+    return this.customComponentNames.add(e2.componentName), true;
+  if ((!e2.componentName || "" === e2.componentName) && o2.options && o2.options.search && o2.options.search.customSearchElements) {
+    const t2 = o2.options.search.customSearchElements[e2.prop];
+    if (t2) {
+      e2.componentName = "custom-" + e2.prop;
+      const o3 = t2.call(this, e2);
+      if (o3)
+        return this.customComponentNames.add(e2.componentName), window.$vueApp.component(e2.componentName, o3), true;
+    }
+  }
+  return false;
+}, setNumberValue(e2, o2, t2) {
+  let l2 = this.getFormItemValue(this.column.prop);
+  l2 = e2, this.setValueToModelProp(this.column.prop, l2);
+}, setYearRangeValue(e2, o2) {
+  this.searchForm[e2][0] = o2[0], this.searchForm[e2][1] = o2[1];
+}, getDefaultTime(e2) {
+  if (e2.valueSetOptions) {
+    const o2 = JSON.parse(e2.valueSetOptions);
+    return o2.defaultTime ? [o2.defaultTime, o2.defaultTime] : ["00:00:00"];
+  }
+  {
+    const e3 = /* @__PURE__ */ new Date(), o2 = e3.getFullYear(), t2 = e3.getMonth() + 1, l2 = e3.getDate();
+    return [`${o2}-${t2}-${l2} 00:00:00`, `${o2}-${t2}-${l2} 23:59:59`];
+  }
+}, multiselectChange(e2, o2) {
+  e2 && -1 !== e2.indexOf("saveAll") ? this.searchForm[this.column.prop] && "string" == typeof this.searchForm[this.column.prop] && (this.searchForm[this.column.prop] = this.searchForm[this.column.prop].split(",")) : this.searchForm[this.column.prop] = e2;
+}, showEmpty() {
+  this.isShowEmtptyFlag = true;
+}, hiddenEmpty() {
+  this.checkedEmpty || (this.isShowEmtptyFlag = false);
+}, checkEmptyChange(e2) {
+  this.column._emptyValue = e2 ? "#blank#" : void 0;
+}, deptScopeLimit() {
+  this.controlConfig && this.controlConfig.deptScope && ("depts" === this.controlConfig.deptScope && this.controlConfig.deptScopeCodes ? this.departmentInfo = this.controlConfig.deptScopeCodes.split(",") : "field" === this.controlConfig.deptScope && this.controlConfig.deptScopeField && 0 !== this.controlConfig.deptScopeField.indexOf("${row.") && (this.setLimitDepartmentInfo(), 0 === !this.controlConfig.deptScopeField.indexOf("${fixed.") && m(this, this.pageContext, this.controlConfig.deptScopeField, (e2, o2) => {
+    this.setLimitDepartmentInfo();
+  })));
+}, setLimitDepartmentInfo() {
+  const e2 = c(this.controlConfig.deptScopeField, this.pageContext, this.row);
+  this.departmentInfo = e2 ? e2.split(",") : [];
+} }, emits: ["submit-form"] }, I = ["title", "innerHTML"], D = { key: 0, style: { width: "100%" } }, x = { key: 1 };
+const E = k(M, [["render", function(e2, o2, t2, l2, n2, a2) {
+  const r2 = u("el-date-picker"), m2 = u("year-range-picker"), c2 = u("el-time-picker"), k2 = u("organization-input"), M2 = u("el-checkbox"), E2 = u("el-option"), O = u("el-select"), U = u("dynamic-source-select"), $ = u("search-form-number"), w = u("el-switch"), N = u("el-slider"), P = u("el-rate"), W = u("el-tooltip"), _ = u("el-input"), Y = u("el-form-item");
+  return p(), i(Y, { "label-width": t2.labelWidth ?? (t2.column.querySetting ? a2.getLabelWidth(t2.column.querySetting) : "110px"), prop: t2.column.prop }, { label: s(() => [d("span", { title: (t2.column.searchLabel ?? t2.column.label).replace(/\\n/g, "</br>"), innerHTML: (t2.column.searchLabel ?? t2.column.label).replace(/\\n/g, "</br>") }, null, 8, I)]), default: s(() => {
+    var _a, _b, _c, _d, _e, _f;
+    return [true === a2.customComponent(t2.column) ? (p(), h("span", D, [(p(), i(y(t2.column.componentName), { ref: t2.column.componentName, entity: t2.searchForm, "additional-settings": n2.controlConfig, "model-value": e2.getFormItemValue(t2.column.prop), prop: t2.column.prop, row: t2.searchForm, "select-options": t2.column.valueSet, isSearch: true, class: "customComponent", onChange: o2[0] || (o2[0] = (e3) => a2.setValueToModelProp(t2.column.prop, e3, t2.column.componentName)) }, null, 40, ["entity", "additional-settings", "model-value", "prop", "row", "select-options"]))])) : "dateSection" === t2.column.componentType || "dateSection" === ((_a = n2.controlConfigQuerySetting) == null ? void 0 : _a.componentType) ? (p(), h("span", x, [g(r2, { modelValue: t2.searchForm[t2.column.prop][0], "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => t2.searchForm[t2.column.prop][0] = e3), placeholder: e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "date", onChange: o2[2] || (o2[2] = (e3) => a2.setValueToModelProp(t2.column.prop, e3, null, 0)) }, null, 8, ["modelValue", "placeholder", "style"]), g(r2, { modelValue: t2.searchForm[t2.column.prop][1], "onUpdate:modelValue": o2[3] || (o2[3] = (e3) => t2.searchForm[t2.column.prop][1] = e3), placeholder: e2.$t("imatrixUIMessage.endDate"), style: f(t2.column.searchControlWidth), type: "date", onChange: o2[4] || (o2[4] = (e3) => a2.setValueToModelProp(t2.column.prop, e3, null, 1)) }, null, 8, ["modelValue", "placeholder", "style"])])) : "yearRange" === t2.column.componentType ? (p(), i(m2, { key: 2, value: e2.getFormItemValue(t2.column.prop), type: "yearRange", onChange: o2[5] || (o2[5] = (e3) => a2.setYearRangeValue(t2.column.prop, e3)) }, null, 8, ["value"])) : "dateTimePicker" === t2.column.componentType ? (p(), i(r2, { key: 3, "default-time": a2.getDefaultTime(t2.column), "end-placeholder": e2.$t("imatrixUIMessage.endDate"), modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[6] || (o2[6] = (e3) => t2.searchForm[t2.column.prop] = e3), "range-separator": e2.$t("imatrixUIPublicModel.to"), "start-placeholder": e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "datetimerange", "unlink-panels": "", format: "YYYY-MM-DD HH:mm:ss", "value-format": "YYYY-MM-DD HH:mm:ss", onChange: o2[7] || (o2[7] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["default-time", "end-placeholder", "modelValue", "range-separator", "start-placeholder", "style"])) : "DATE" === t2.column.dataType || "date" === t2.column.componentType ? (p(), i(r2, { key: 4, "end-placeholder": e2.$t("imatrixUIMessage.endDate"), modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[8] || (o2[8] = (e3) => t2.searchForm[t2.column.prop] = e3), "range-separator": e2.$t("imatrixUIPublicModel.to"), "start-placeholder": e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "daterange", "unlink-panels": "", format: "YYYY-MM-DD", "value-format": "YYYY-MM-DD", onChange: o2[9] || (o2[9] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["end-placeholder", "modelValue", "range-separator", "start-placeholder", "style"])) : "TIME" === t2.column.dataType && "timepicker" === t2.column.componentType ? (p(), i(r2, { key: 5, "end-placeholder": e2.$t("imatrixUIMessage.endDate"), modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[10] || (o2[10] = (e3) => t2.searchForm[t2.column.prop] = e3), "range-separator": e2.$t("imatrixUIPublicModel.to"), "start-placeholder": e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "datetimerange", "unlink-panels": "", format: "HH:mm:ss", "value-format": "HH:mm:ss", onChange: o2[11] || (o2[11] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["end-placeholder", "modelValue", "range-separator", "start-placeholder", "style"])) : "timepicker" === t2.column.componentType && "TIME" !== t2.column.dataType && "DATE" !== t2.column.dataType ? (p(), i(c2, { key: 6, modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[12] || (o2[12] = (e3) => t2.searchForm[t2.column.prop] = e3), placeholder: e2.$t("imatrixUIMessage.selectTime"), style: { width: "100%" }, type: "fixed-time", format: "HH:mm:ss", "value-format": "HH:mm:ss", onChange: o2[13] || (o2[13] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["modelValue", "placeholder"])) : a2.componentTypeTypeIsTree(t2.column.componentType) ? (p(), i(k2, { key: 7, fields: a2.getTreeFields(t2.column.orgTreeSet), "department-info": n2.departmentInfo, "limit-filter-column": (_b = n2.controlConfig) == null ? void 0 : _b.limitFilterColumn, models: t2.searchForm, multiple: a2.getTreeIsMultiTree(t2.column.componentType), "tree-type": a2.getTreeType(t2.column.componentType), value: e2.getFormItemValue(t2.column.prop), onClear: a2.clearOrganizationInputEvent, onSetValue: a2.organizationInputEvent }, null, 8, ["fields", "department-info", "limit-filter-column", "models", "multiple", "tree-type", "value", "onClear", "onSetValue"])) : "radio" === ((_c = t2.column) == null ? void 0 : _c.componentType) ? (p(), i(O, { key: 8, "model-value": e2.getFormItemValue(t2.column.prop), placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), style: f(t2.column.searchControlWidth), clearable: "", filterable: "", onChange: o2[15] || (o2[15] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, T({ default: s(() => [(p(true), h(V, null, C(t2.column.valueSet, (e3) => (p(), i(E2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, ["BOOLEAN" !== t2.column.dataType ? { name: "header", fn: s(() => [g(M2, { modelValue: n2.checkEmptyValue, "onUpdate:modelValue": o2[14] || (o2[14] = (e3) => n2.checkEmptyValue = e3), onChange: a2.checkEmptyChange }, { default: s(() => [b(S(e2.$t("imatrixUIPublicModel.emptyValue")), 1)]), _: 1 }, 8, ["modelValue", "onChange"])]), key: "0" } : void 0]), 1032, ["model-value", "placeholder", "style"])) : (t2.column.componentType && "select" === t2.column.componentType || "BOOLEAN" === t2.column.dataType) && !a2.isDynamicDataSourceSource(t2.column) ? (p(), i(O, { key: 9, "model-value": e2.getFormItemValue(t2.column.prop), placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), style: f(t2.column.searchControlWidth), clearable: "", filterable: "", onChange: o2[17] || (o2[17] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, T({ default: s(() => [(p(true), h(V, null, C(t2.column.valueSet, (e3) => (p(), i(E2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, ["BOOLEAN" !== t2.column.dataType ? { name: "header", fn: s(() => [g(M2, { modelValue: n2.checkEmptyValue, "onUpdate:modelValue": o2[16] || (o2[16] = (e3) => n2.checkEmptyValue = e3), onChange: a2.checkEmptyChange }, { default: s(() => [b(S(e2.$t("imatrixUIPublicModel.emptyValue")), 1)]), _: 1 }, 8, ["modelValue", "onChange"])]), key: "0" } : void 0]), 1032, ["model-value", "placeholder", "style"])) : t2.column.componentType && "multiselect" === t2.column.componentType && !a2.isDynamicDataSourceSource(t2.column) ? (p(), i(O, { key: 10, "model-value": e2.getFormItemValue(t2.column.prop), placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), style: f(t2.column.searchControlWidth), clearable: "", "collapse-tags": "", filterable: "", multiple: "", onChange: o2[19] || (o2[19] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, { header: s(() => [g(M2, { modelValue: n2.checkEmptyValue, "onUpdate:modelValue": o2[18] || (o2[18] = (e3) => n2.checkEmptyValue = e3), onChange: a2.checkEmptyChange }, { default: s(() => [b(S(e2.$t("imatrixUIPublicModel.emptyValue")), 1)]), _: 1 }, 8, ["modelValue", "onChange"])]), default: s(() => [(p(true), h(V, null, C(t2.column.valueSet, (e3) => (p(), i(E2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["model-value", "placeholder", "style"])) : t2.column.componentType && ("multiselect" === t2.column.componentType || "select" === t2.column.componentType) && a2.isDynamicDataSourceSource(t2.column) ? (p(), i(U, { key: 11, ref: "selectRef", value: t2.searchForm[t2.column.prop], "onUpdate:value": o2[20] || (o2[20] = (e3) => t2.searchForm[t2.column.prop] = e3), "allow-create": (_e = (_d = n2.dataSourceOptions) == null ? void 0 : _d.controlConfig) == null ? void 0 : _e.allowCreate, "base-props": { multiple: "multiselect" === t2.column.componentType }, entity: t2.searchForm, filterable: true, "is-join-table": t2.isJoinTable, "list-code": t2.code, "list-toolbar-form-data": a2.listToolbarFormData, options: n2.dataSourceOptions, "table-name": t2.tableName, "is-search": true, onChange: a2.multiselectChange, onChangeEmptyValue: a2.checkEmptyChange }, null, 8, ["value", "allow-create", "base-props", "entity", "is-join-table", "list-code", "list-toolbar-form-data", "options", "table-name", "onChange", "onChangeEmptyValue"])) : t2.column.componentType && "inputNumber" === t2.column.componentType ? (p(), i($, { key: 12, "item-value": t2.searchForm[t2.column.prop], "module-config": n2.moduleConfig, onSetValue: a2.setNumberValue }, null, 8, ["item-value", "module-config", "onSetValue"])) : t2.column.componentType && "switch" === t2.column.componentType ? (p(), i(w, { key: 13, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), "active-color": "#13ce66", "inactive-color": "#ff4949", onChange: o2[21] || (o2[21] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["model-value", "style"])) : t2.column.componentType && "slider" === t2.column.componentType ? (p(), i(N, { key: 14, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), onChange: o2[22] || (o2[22] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["model-value", "style"])) : t2.column.componentType && "rate" === t2.column.componentType ? (p(), i(P, { key: 15, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), onChange: o2[23] || (o2[23] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["model-value", "style"])) : (p(), i(_, { key: 16, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), type: ((_f = n2.controlConfigQuerySetting) == null ? void 0 : _f.componentType) ? n2.controlConfigQuerySetting.componentType : "text", onKeyup: o2[25] || (o2[25] = v((o3) => e2.submitForm("searchForm"), ["enter"])), onInput: o2[26] || (o2[26] = (e3) => a2.setValueToModelProp(t2.column.prop, e3)), onFocus: o2[27] || (o2[27] = (e3) => a2.showEmpty()), onBlur: o2[28] || (o2[28] = (e3) => a2.hiddenEmpty()) }, { suffix: s(() => [g(W, { content: e2.$t("superGrid.searchEmpty"), placement: "bottom" }, { default: s(() => [a2.isShowEmtpty ? (p(), i(M2, { key: 0, modelValue: a2.checkedEmpty, "onUpdate:modelValue": o2[24] || (o2[24] = (e3) => a2.checkedEmpty = e3), onChange: a2.checkEmptyChange }, null, 8, ["modelValue", "onChange"])) : F("", true)]), _: 1 }, 8, ["content"])]), _: 1 }, 8, ["model-value", "style", "type"]))];
+  }), _: 1 }, 8, ["label-width", "prop"]);
+}], ["__scopeId", "data-v-c0e02c39"]]);
+export {
+  E as default
+};

package/es/super-grid/src/search-form-mobile.vue.mjs

@@ -0,0 +1,41 @@
+import { $emit as e } from "../../utils/gogocodeTransfer.mjs";
+import o from "./search-methods.mjs";
+import t from "./store.mjs";
+import { addDynamicPropDateSection as r, addDynamicProp as s } from "./utils.mjs";
+import a from "../../src/utils/eventBus.mjs";
+import m from "./search-form-item.vue.mjs";
+import n from "./search-button.vue.mjs";
+import { resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as h, withCtx as p, createElementVNode as u, Fragment as f, renderList as d, createVNode as b, createCommentVNode as F } from "vue";
+import "./search-form-mobile.vue2.mjs";
+import y from "../../_virtual/_plugin-vue_export-helper.mjs";
+const v = { name: "SearchFormMobile", components: { SearchFormItem: m, SearchButton: n }, props: { searchableColumns: { type: Array, default: null }, searchForm: { type: Object, default: null }, rules: { type: Object, default: null }, labelWidth: { type: String, default: null }, query: { type: Object, default: null }, code: { type: String, default: null }, isSql: { type: Boolean, default: false }, loadCompleteQuery: { type: Boolean, default: false } }, data() {
+  const e2 = t.get(this.code);
+  let o2, r2;
+  e2 && e2.basicInfo && e2.basicInfo.tableName && (o2 = e2.basicInfo.tableName), e2 && e2.basicInfo && e2.basicInfo.hasJoinTable && (r2 = e2.basicInfo.hasJoinTable);
+  return { customComponentNames: /* @__PURE__ */ new Set(), dateOne: null, dataTwo: null, tableName: o2, isJoinTable: r2, isOpen: false };
+}, computed: {}, watch: {}, created() {
+}, methods: { ...o, validateForm() {
+  return new Promise((e2, o2) => {
+    this.$refs.searchForm.validate((o3) => {
+      e2(o3);
+    });
+  });
+}, resetForm() {
+  if (e(a, "remoteMethod"), this.customComponentNames && this.customComponentNames.length > 0)
+    for (const e2 of this.customComponentNames)
+      this.$refs[e2][0].resetField();
+  this.$refs.searchForm.resetFields(), this.searchableColumns.forEach((e2) => {
+    e2.prop && e2.prop.indexOf(".") > 0 ? "dateSection" === e2.componentType ? r(this.searchForm, e2.prop) : s(this.searchForm, e2.prop) : ("dateSection" === e2.componentType ? this.searchForm[e2.prop] = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : "yearRange" === e2.componentType ? (this.searchForm[e2.prop][0] = "", this.searchForm[e2.prop][1] = "") : "inputNumber" === e2.componentType && this.searchForm[e2.prop] ? (this.searchForm[e2.prop][0] = 0, this.searchForm[e2.prop][1] = 0) : this.searchForm[e2.prop] = null, this.setDefaultQueryValue(e2, this.searchForm)), e2._emptyValue && (e2._emptyValue = void 0, e2._resetValue = true);
+  }), e(this, "submit-form");
+}, openFold(o2) {
+  this.isOpen = o2, e(this, "open-fold", o2);
+}, searchComplete() {
+  this.$refs.searchBtnOpen && (Array.isArray(this.$refs.searchBtnOpen) ? this.$refs.searchBtnOpen.length > 0 && this.$refs.searchBtnOpen[0].searchComplete() : this.$refs.searchBtnOpen.searchComplete());
+} }, emits: ["submit-form", "reset-form", "save-condition", "remoteMethod"] }, j = { style: { "padding-bottom": "40px" } }, C = { class: "search-btn-mobile" };
+const O = y(v, [["render", function(e2, o2, t2, r2, s2, a2) {
+  const m2 = l("search-form-item"), n2 = l("search-button"), y2 = l("el-form");
+  return i(), c("div", null, [t2.searchableColumns.length > 0 ? (i(), h(y2, { key: 0, ref: "searchForm", model: t2.searchForm, rules: t2.rules, class: "grid-search-form-mobile", "label-position": "top", size: "default" }, { default: p(() => [u("div", j, [(i(true), c(f, null, d(t2.searchableColumns, (e3, o3) => (i(), h(m2, { key: o3, "search-form": t2.searchForm, column: e3, code: t2.code, "is-sql": t2.isSql, "table-name": s2.tableName, "is-join-table": s2.isJoinTable }, null, 8, ["search-form", "column", "code", "is-sql", "table-name", "is-join-table"]))), 128))]), u("div", C, [b(n2, { ref: "searchBtnOpen", onClose: o2[0] || (o2[0] = (o3) => e2.$emit("close")), onSubmitForm: o2[1] || (o2[1] = (o3) => e2.$emit("submit-form")), onResetForm: o2[2] || (o2[2] = (o3) => e2.$emit("reset-form")), onSaveCondition: o2[3] || (o2[3] = (o3) => e2.$emit("save-condition")) }, null, 512)])]), _: 1 }, 8, ["model", "rules"])) : F("", true)]);
+}], ["__scopeId", "data-v-c8fb4788"]]);
+export {
+  O as default
+};

package/es/super-grid/src/search-form-number.vue.mjs

@@ -0,0 +1,26 @@
+import { $emit as e } from "../../utils/gogocodeTransfer.mjs";
+import o from "./eventBus.mjs";
+import { resolveComponent as i, openBlock as n, createElementBlock as m, createVNode as t, createElementVNode as u } from "vue";
+import l from "../../_virtual/_plugin-vue_export-helper.mjs";
+const s = l({ props: { r: { type: Number, default: null }, n: { type: Number, default: null }, itemValue: { type: Array, default: null }, moduleConfig: { type: Object } }, data() {
+  let e2, o2;
+  return this.itemValue ? (e2 = this.itemValue[0], o2 = this.itemValue[1]) : (e2 = 0 === this.moduleConfig.min ? 0 : this.moduleConfig.min ? this.moduleConfig.min : 0, o2 = 0 === this.moduleConfig.max ? 0 : this.moduleConfig.max ? this.moduleConfig.max : 100), this.itemValue, { number1: e2, number2: o2 };
+}, mounted() {
+  o.$on("reset", () => {
+    this.number1 = null, this.number2 = null;
+  });
+}, destroyed() {
+  o.$off("reset");
+}, watch: { itemValue: { deep: true, handler(e2) {
+  e2 && (this.number1 = e2[0] ? e2[0] : 0, this.number2 = e2[1] ? e2[1] : 0);
+} } }, created() {
+  this.number1, this.number2, this.itemValue, e(this, "setValue", [this.number1, this.number2], this.r, this.n);
+}, methods: { setValue() {
+  e(this, "setValue", [this.number1, this.number2], this.r, this.n);
+} }, emits: ["setValue"] }, [["render", function(e2, o2, l2, s2, r, d) {
+  const a = i("el-input-number");
+  return n(), m("div", null, [t(a, { modelValue: r.number1, "onUpdate:modelValue": o2[0] || (o2[0] = (e3) => r.number1 = e3), min: 0 == l2.moduleConfig.min ? 0 : l2.moduleConfig.min ? l2.moduleConfig.min : -1 / 0, max: 0 == l2.moduleConfig.max ? 0 : l2.moduleConfig.max ? l2.moduleConfig.max : 1 / 0, step: l2.moduleConfig.step ? l2.moduleConfig.step : 1, precision: l2.moduleConfig.precision ? l2.moduleConfig.precision : 0, "controls-position": l2.moduleConfig.position ? l2.moduleConfig.position : "", onChange: o2[1] || (o2[1] = (e3) => d.setValue()) }, null, 8, ["modelValue", "min", "max", "step", "precision", "controls-position"]), o2[4] || (o2[4] = u("span", { style: { "padding-left": "5px", "padding-right": "5px" } }, "-", -1)), t(a, { modelValue: r.number2, "onUpdate:modelValue": o2[2] || (o2[2] = (e3) => r.number2 = e3), min: 0 == l2.moduleConfig.min ? 0 : l2.moduleConfig.min ? l2.moduleConfig.min : -1 / 0, max: 0 == l2.moduleConfig.max ? 0 : l2.moduleConfig.max ? l2.moduleConfig.max : 1 / 0, step: l2.moduleConfig.step ? l2.moduleConfig.step : 1, precision: l2.moduleConfig.precision ? l2.moduleConfig.precision : 0, "controls-position": l2.moduleConfig.position ? l2.moduleConfig.position : "", onChange: o2[3] || (o2[3] = (e3) => d.setValue()) }, null, 8, ["modelValue", "min", "max", "step", "precision", "controls-position"])]);
+}]]);
+export {
+  s as default
+};

package/es/super-grid/src/search-form-open.vue.mjs

@@ -0,0 +1,53 @@
+import e from "./search-methods.mjs";
+import t from "./search-form-item.vue.mjs";
+import n from "./search-button.vue.mjs";
+import { resolveComponent as s, resolveDirective as o, withDirectives as r, openBlock as a, createElementBlock as h, createVNode as i, withCtx as l, Fragment as m, renderList as u, createBlock as p, normalizeClass as c } from "vue";
+import "./search-form-open.vue2.mjs";
+import d from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = { name: "SearchFormOpen", components: { SearchFormItem: t, SearchButton: n }, props: { searchableColumns: { type: Array, default: null }, searchForm: { type: Object, default: null }, code: { type: String, default: null }, isSql: { type: Boolean, default: false }, tableName: { type: String, default: null }, isJoinTable: { type: Boolean, default: false }, spanNum: { type: Number, default: 8 }, fieldNum: { type: Number, default: null }, rowNum: { type: Number, default: null }, isOpen: { type: Boolean, default: false } }, data() {
+  return { rowWidth: void 0, maxLength: void 0, minLength: void 0, myOpen: this.isOpen ?? false };
+}, computed: { isShowOpen() {
+  return this.showColumn < this.searchableColumns.length + 1;
+}, isSearchButtonAuto() {
+  return this.showColumn - this.searchableColumns.length > 1;
+}, filterSearchableColumns() {
+  return this.searchableColumns.filter((e2, t2) => !(!this.myOpen && this.isShowOpen && t2 > this.showColumn - 2));
+}, labelWidth() {
+  try {
+    return this.maxLength && this.minLength ? this.maxLength >= 10 ? 82 : this.maxLength === this.minLength && this.minLength <= 4 ? 45 : 72 : "";
+  } catch (e2) {
+    return "";
+  }
+}, span() {
+  return 24 / this.showColumn;
+}, showColumn() {
+  if (this.rowWidth) {
+    if (this.rowWidth >= 1500)
+      return 4;
+    if (this.rowWidth <= 768)
+      return 2;
+  }
+  return 3;
+} }, watch: { filterSearchableColumns() {
+  const e2 = this.filterSearchableColumns.map(({ label: e3, searchLabel: t2 }) => {
+    var _a;
+    return (((_a = t2 ?? e3) == null ? void 0 : _a.replace(/[\u4e00-\u9fa5]/g, "**")) ?? "").length;
+  });
+  this.maxLength = Math.max(...e2), this.minLength = Math.max(...e2);
+}, myOpen() {
+} }, methods: { ...e, onResize(e2) {
+  this.rowWidth = e2.contentRect.width;
+}, openFold(e2) {
+  this.openFoldFunc(e2), this.$emit("open-fold", e2);
+}, openFoldFunc(e2) {
+  this.myOpen = e2, this.$refs && this.$refs.searchBtnOpen && this.$refs.searchBtnOpen.openFoldFunc(e2);
+}, searchComplete() {
+  this.$refs.searchBtnOpen && (Array.isArray(this.$refs.searchBtnOpen) ? this.$refs.searchBtnOpen.length > 0 && this.$refs.searchBtnOpen[0].searchComplete() : this.$refs.searchBtnOpen.searchComplete());
+} } }, b = { class: "grid-search-row" };
+const w = d(f, [["render", function(e2, t2, n2, d2, f2, w2) {
+  const O = s("search-form-item"), y = s("el-col"), g = s("search-button"), S = s("el-row"), C = o("resize");
+  return r((a(), h("div", b, [i(S, { class: "search-form-row" }, { default: l(() => [(a(true), h(m, null, u(w2.filterSearchableColumns, (e3, t3) => (a(), p(y, { key: t3, span: w2.span }, { default: l(() => [i(O, { "label-width": w2.labelWidth, "search-form": n2.searchForm, column: e3, code: n2.code, "is-sql": n2.isSql, "table-name": n2.tableName, "is-join-table": n2.isJoinTable }, null, 8, ["label-width", "search-form", "column", "code", "is-sql", "table-name", "is-join-table"])]), _: 2 }, 1032, ["span"]))), 128)), i(y, { span: w2.span, class: c(["search-btns-view", { "no-show-open": !w2.isShowOpen, "no-search-button-auto": w2.isSearchButtonAuto }]) }, { default: l(() => [i(g, { ref: "searchBtnOpen", "is-open": f2.myOpen, "is-show-open": w2.isShowOpen, onSubmitForm: t2[0] || (t2[0] = (t3) => e2.$emit("submit-form")), onResetForm: t2[1] || (t2[1] = (t3) => e2.$emit("reset-form")), onSaveCondition: t2[2] || (t2[2] = (t3) => e2.$emit("save-condition")), onOpenFold: w2.openFold }, null, 8, ["is-open", "is-show-open", "onOpenFold"])]), _: 1 }, 8, ["span", "class"])]), _: 1 })])), [[C, w2.onResize]]);
+}], ["__scopeId", "data-v-a94abb20"]]);
+export {
+  w as default
+};

package/es/super-grid/src/search-form-ordinarySearch.vue.mjs

@@ -0,0 +1,41 @@
+import { $emit as e } from "../../utils/gogocodeTransfer.mjs";
+import o from "./search-methods.mjs";
+import r from "./store.mjs";
+import { addDynamicPropDateSection as t, addDynamicProp as s } from "./utils.mjs";
+import a from "./search-form-open.vue.mjs";
+import m from "../../src/utils/eventBus.mjs";
+import { resolveComponent as n, openBlock as l, createBlock as i, withCtx as p, createVNode as u, createCommentVNode as c } from "vue";
+import "./search-form-ordinarySearch.vue2.mjs";
+import h from "../../_virtual/_plugin-vue_export-helper.mjs";
+const d = h({ name: "SearchForm", components: { SearchFormOpen: a }, props: { searchableColumns: { type: Array, default: null }, searchForm: { type: Object, default: null }, fieldNum: { type: Number, default: null }, rules: { type: Object, default: null }, labelWidth: { type: String, default: null }, query: { type: Object, default: null }, rowNum: { type: Number, default: null }, code: { type: String, default: null }, isSql: { type: Boolean, default: false }, spanNum: { type: Number, default: 8 }, loadCompleteQuery: { type: Boolean, default: false } }, data() {
+  const e2 = r.get(this.code);
+  let o2, t2;
+  e2 && e2.basicInfo && e2.basicInfo.tableName && (o2 = e2.basicInfo.tableName), e2 && e2.basicInfo && e2.basicInfo.hasJoinTable && (t2 = e2.basicInfo.hasJoinTable);
+  return { customComponentNames: /* @__PURE__ */ new Set(), dateOne: null, dataTwo: null, tableName: o2, isJoinTable: t2, isOpen: false };
+}, computed: {}, watch: {}, created() {
+}, methods: { ...o, validateForm() {
+  return new Promise((e2, o2) => {
+    this.$refs.searchForm.validate((o3) => {
+      e2(o3);
+    });
+  });
+}, resetForm() {
+  if (e(m, "remoteMethod"), this.customComponentNames && this.customComponentNames.length > 0)
+    for (const e2 of this.customComponentNames)
+      this.$refs[e2][0].resetField();
+  this.$refs.searchForm.resetFields(), this.searchableColumns.forEach((e2) => {
+    e2.prop && e2.prop.indexOf(".") > 0 ? "dateSection" === e2.componentType ? t(this.searchForm, e2.prop) : s(this.searchForm, e2.prop) : ("dateSection" === e2.componentType ? this.searchForm[e2.prop] = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : "yearRange" === e2.componentType ? (this.searchForm[e2.prop][0] = "", this.searchForm[e2.prop][1] = "") : "inputNumber" === e2.componentType && this.searchForm[e2.prop] ? (this.searchForm[e2.prop][0] = 0, this.searchForm[e2.prop][1] = 0) : this.searchForm[e2.prop] = null, this.setDefaultQueryValue(e2, this.searchForm)), e2._emptyValue && (e2._emptyValue = void 0, e2._resetValue = true);
+  }), e(this, "submit-form");
+}, openFold(o2) {
+  this.isOpen = o2, e(this, "open-fold", o2);
+}, searchComplete() {
+  this.$refs.searchFormContent && this.$refs.searchFormContent.searchComplete();
+}, openFoldFunc(e2) {
+  this.isOpen = e2, this.$refs.searchFormContent && this.$refs.searchFormContent.openFoldFunc(e2);
+} }, emits: ["submit-form", "reset-form", "save-condition", "open-fold", "remoteMethod"] }, [["render", function(e2, o2, r2, t2, s2, a2) {
+  const m2 = n("search-form-open"), h2 = n("el-form");
+  return r2.searchableColumns.length > 0 ? (l(), i(h2, { key: 0, ref: "searchForm", model: r2.searchForm, rules: r2.rules, class: "grid-search-form", "label-position": "right", size: "default" }, { default: p(() => [u(m2, { ref: "searchFormContent", code: r2.code, "field-num": r2.fieldNum, "is-join-table": s2.isJoinTable, "is-open": s2.isOpen, "is-sql": r2.isSql, "load-complete-query": r2.loadCompleteQuery, "row-num": r2.rowNum, "search-form": r2.searchForm, "searchable-columns": r2.searchableColumns, "span-num": r2.spanNum, "table-name": s2.tableName, onSubmitForm: o2[0] || (o2[0] = (o3) => e2.$emit("submit-form")), onResetForm: o2[1] || (o2[1] = (o3) => e2.$emit("reset-form")), onSaveCondition: o2[2] || (o2[2] = (o3) => e2.$emit("save-condition")), onOpenFold: a2.openFold }, null, 8, ["code", "field-num", "is-join-table", "is-open", "is-sql", "load-complete-query", "row-num", "search-form", "searchable-columns", "span-num", "table-name", "onOpenFold"])]), _: 1 }, 8, ["model", "rules"])) : c("", true);
+}], ["__scopeId", "data-v-b22049ee"]]);
+export {
+  d as default
+};

package/es/super-grid/src/search-form.vue.mjs

@@ -0,0 +1,207 @@
+import { $emit as e } from "../../utils/gogocodeTransfer.mjs";
+import o from "./search-methods.mjs";
+import t from "./search-form-ordinarySearch.vue.mjs";
+import s from "./search-form-advancedQuery.vue.mjs";
+import r from "./store.mjs";
+import { addDynamicPropDateSection as i, addDynamicProp as a } from "./utils.mjs";
+import { resolveComponent as n, openBlock as c, createElementBlock as h, createBlock as l, withCtx as m, createElementVNode as d, createCommentVNode as p, Fragment as u, createVNode as y, createTextVNode as f, toDisplayString as S } from "vue";
+import C from "./search-condition-input.vue.mjs";
+import b from "./search-condition-list.vue.mjs";
+import F from "./search-form-mobile.vue.mjs";
+import { isMobileBrowser as g } from "../../src/utils/common-util.mjs";
+import v from "./eventBus.mjs";
+import "./search-form.vue2.mjs";
+import T from "../../_virtual/_plugin-vue_export-helper.mjs";
+const w = { name: "SearchForm", components: { SearchConditionInput: C, SearchConditionList: b, searchFormOrdinarySearch: t, searchFormAdvancedQuery: s, SearchFormMobile: F }, provide() {
+  return { getListToolbarFormData: () => ({ listToolbarFormData: this.listToolbarFormData }) };
+}, props: { columns: { type: Array, default: null }, code: { type: String, default: null }, url: { type: String, default: null }, pagination: { type: Object, default: null }, query: { type: Object, default: null }, searchParam: { type: Object, default: null }, initSearchProps: { type: Array, default: null }, isSql: { type: Boolean, default: false }, searchFormInfo: { type: Object, default: () => ({}) }, loadCompleteQuery: { type: Boolean, default: false }, listToolbarFormData: { type: Object, default: null } }, data() {
+  const e2 = /* @__PURE__ */ new Set(), o2 = r.get(this.code), t2 = {};
+  let s2 = {};
+  null !== this.searchParam && (s2 = JSON.parse(JSON.stringify(this.searchParam)));
+  const n2 = this.getSearchableColumns(null, null, t2);
+  void 0 !== this.initSearchProps && null !== this.initSearchProps || (this.initSearchProps = []), n2.forEach((e3) => {
+    this.initSearchProps.indexOf(e3.prop) < 0 && (e3.prop && e3.prop.indexOf(".") > 0 ? "dateSection" === e3.componentType ? i(s2, e3.prop) : a(s2, e3.prop) : ("dateSection" === e3.componentType ? s2[e3.prop] = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : "yearRange" === e3.componentType && (s2[e3.prop] = ["", ""]), this.setDefaultQueryValue(e3, s2)));
+  });
+  const c2 = g();
+  let h2 = false;
+  c2 && n2 && n2.length > 0 && (h2 = true);
+  const l2 = this.getSpanNum(n2), m2 = this.getFieldNumPerRow(n2), d2 = Math.ceil(n2.length / m2), p2 = this.query.advancedQuery, u2 = this.query.normalQuery;
+  return { searchForm: s2, rules: {}, searchParams: [], labelWidth: o2.options.search && o2.options.search.labelWidth ? o2.options.search.labelWidth : "80px", customComponentNames: e2, componentName: "", spanNum: l2, fieldNum: m2, rowNum: d2, loading: false, isShowSearchCondition: false, searchConditions: [], propMap: t2, advancedQuery: p2, normalQuery: u2, searchFormList: [], searchType: null, isMobile: c2, isShowMobileForm: true, canShowMobileSearch: h2 };
+}, computed: { searchableColumns() {
+  return this.getSearchableColumns();
+}, advancedQueryColumns() {
+  return this.getAdvancedQueryColumns();
+}, mobileDrawerSize() {
+  const e2 = window.innerWidth;
+  return e2 <= 400 ? "85%" : e2 > 400 && e2 <= 768 ? "70%" : "60%";
+} }, watch: { searchForm: { deep: true, handler(e2) {
+  this.searchFormInfo.data = e2;
+} } }, created() {
+  this.listSearchConditions(), this.normalQuery ? this.searchType = "normal" : this.advancedQuery && (this.searchType = "advanced"), this.canShowMobileSearch, this.canShowMobileSearch && this.$emit("can-show-mobile-search");
+}, methods: { ...o, getFieldNumPerRow(e2) {
+  let o2;
+  if (e2 && 1 === e2.length)
+    o2 = 2;
+  else {
+    const e3 = r.get(this.code);
+    o2 = e3.options.search && e3.options.search.fieldNum ? e3.options.search.fieldNum : 3;
+  }
+  return o2;
+}, getSpanNum(e2) {
+  const o2 = this.getFieldNumPerRow(e2);
+  return 1 === o2 ? 22 : 2 === o2 ? 12 : 3 === o2 ? 8 : 4 === o2 ? 6 : 4;
+}, setValueToModelProp(e2, o2, t2, s2) {
+  if (e2 && e2.indexOf(".") > 0) {
+    const t3 = this.getParentObject(e2);
+    null != s2 && void 0 !== s2 ? t3[e2.substring(e2.lastIndexOf(".") + 1)][s2] = o2 : t3[e2.substring(e2.lastIndexOf(".") + 1)] = o2;
+  } else
+    null != s2 && void 0 !== s2 ? this.searchForm[e2][s2] = o2 : this.searchForm[e2] = o2;
+}, getAdvancedQueryColumns(e2, o2, t2) {
+  this.customComponentNames || (this.customComponentNames = /* @__PURE__ */ new Set()), o2 || (o2 = []), e2 || (e2 = this.columns);
+  for (let s2 = 0; s2 < e2.length; s2++) {
+    const r2 = e2[s2];
+    if (t2 && (t2[r2.prop] = r2), "$index" !== r2.prop && "$selection" !== r2.prop && !r2.dynamic) {
+      if (r2.groupHeader)
+        this.getSearchableColumns(r2.children, o2, t2);
+      else if ("advanced" === r2.queryType && !r2.custom && "" !== r2.prop) {
+        if (void 0 !== r2.componentType && "" !== r2.componentType || (r2.componentType = "input"), r2.querySetting && "" !== r2.querySetting) {
+          const e3 = JSON.parse(r2.querySetting);
+          e3.width && (r2.searchControlWidth = "width:" + e3.width + "px"), e3.labelWidth && (r2.searchLabelWidth = e3.labelWidth + "px"), e3.label && (r2.searchLabel = e3.label);
+        }
+        r2.componentType && r2.componentType.indexOf("custom:") >= 0 ? (r2.componentName = r2.componentType.substring(r2.componentType.indexOf(":") + 1), this.customComponentNames.add(r2.componentName)) : r2.componentName = "", o2.push(r2);
+      }
+    }
+  }
+  return o2;
+}, getSearchableColumns(e2, o2, t2) {
+  this.customComponentNames || (this.customComponentNames = /* @__PURE__ */ new Set()), o2 || (o2 = []), e2 || (e2 = this.columns);
+  for (let s2 = 0; s2 < e2.length; s2++) {
+    const r2 = e2[s2];
+    if (t2 && (t2[r2.prop] = r2), "$index" !== r2.prop && "$selection" !== r2.prop && !r2.dynamic) {
+      if (r2.groupHeader)
+        this.getSearchableColumns(r2.children, o2, t2);
+      else if ("normal" === r2.queryType && !r2.custom && "" !== r2.prop) {
+        if (void 0 !== r2.componentType && "" !== r2.componentType || (r2.componentType = "input"), r2.querySetting && "" !== r2.querySetting) {
+          const e3 = JSON.parse(r2.querySetting);
+          e3.width && (r2.searchControlWidth = "width:" + e3.width + "px"), e3.labelWidth && (r2.searchLabelWidth = e3.labelWidth + "px"), e3.label && (r2.searchLabel = e3.label);
+        }
+        r2.componentType && r2.componentType.indexOf("custom:") >= 0 ? (r2.componentName = r2.componentType.substring(r2.componentType.indexOf(":") + 1), this.customComponentNames.add(r2.componentName)) : r2.componentName = "", o2.push(r2);
+      }
+    }
+  }
+  return o2.sort((e3, o3) => {
+    const t3 = e3.searchDisplayOrder, s2 = o3.searchDisplayOrder;
+    return null == t3 || "default" === t3 ? 1 : null == s2 || "default" === s2 ? -1 : t3 - s2;
+  }), o2;
+}, customComponent(e2) {
+  const o2 = r.get(this.code);
+  if (e2.componentName && "" !== e2.componentName)
+    return this.customComponentNames.add(e2.componentName), true;
+  if ((!e2.componentName || "" === e2.componentName) && o2.options && o2.options.search && o2.options.search.customSearchElements) {
+    const t2 = o2.options.search.customSearchElements[e2.prop];
+    if (t2) {
+      e2.componentName = "custom-" + e2.prop;
+      const o3 = t2.call(this, e2);
+      if (o3)
+        return this.customComponentNames.add(e2.componentName), window.$vueApp.component(e2.componentName, o3), true;
+    }
+  }
+  return false;
+}, submitForm() {
+  this.isMobile ? this.$refs.searchFormMobile.validateForm().then((o2) => {
+    if (!o2)
+      return false;
+    this.isShowMobileForm = false, this.searchParams = this.packageSearchParam(), e(this, "search", this.searchParams);
+  }) : "normal" === this.searchType ? this.$refs.searchFormOrdinarySearch.validateForm().then((o2) => {
+    if (!o2)
+      return false;
+    this.searchParams = this.packageSearchParam(), e(this, "search", this.searchParams);
+  }) : "advanced" === this.searchType && this.$refs.searchFormAdvancedQuery.validateForm().then((o2) => {
+    if (!o2)
+      return false;
+    this.loading = true, this.searchParams = this.packageSearchParam(), e(this, "search", this.searchParams);
+  });
+}, resetForm() {
+  this.$refs.searchConditionList && (this.$refs.searchConditionList.editConditionId = null), this.isMobile ? this.$refs.searchFormMobile.resetForm() : "normal" === this.searchType ? this.$refs.searchFormOrdinarySearch.resetForm() : "advanced" === this.searchType && (this.$refs.searchFormAdvancedQuery.resetForm(), e(this, "reset")), v.$emit("reset");
+}, setNumberValue(e2, o2, t2) {
+  let s2 = this.getFormItemValue(this.searchableColumns[this.fieldNum * (o2 - 1) + (t2 - 1)].prop);
+  s2 = e2, this.setValueToModelProp(this.searchableColumns[this.fieldNum * (o2 - 1) + (t2 - 1)].prop, s2);
+}, listSearchConditions() {
+  return new Promise((e2, o2) => {
+    this.listSearchCondition(this.code).then((o3) => {
+      this.searchConditions = o3, e2(o3);
+    }).catch((e3) => {
+      o2(e3);
+    });
+  });
+}, saveCondition() {
+  const e2 = this.packageSearchParam();
+  e2 && 0 !== e2.length ? this.isShowSearchCondition = true : this.$message({ type: "warning", message: this.$t("imatrixUIMessage.pleaseInputSearchCondition"), showClose: true });
+}, saveConditionValue(e2) {
+  if (e2) {
+    let o2;
+    o2 = "normal" === this.searchType || "" === this.searchType || null === this.searchType || void 0 === this.searchType ? this.packageSearchParam() : this.searchFormList;
+    const t2 = { listCode: this.code, queryType: "normal" === this.searchType || "" === this.searchType || null === this.searchType || void 0 === this.searchType ? "FIXED" : "CUSTOM", name: e2, queryCondition: JSON.stringify(o2) };
+    this.saveSearchCondition(t2).then((e3) => {
+      this.$message({ type: "success", message: this.$t("imatrixUIMessage.saveSuccessfully"), showClose: true }), this.isShowSearchCondition = false, this.listSearchConditions().then(() => {
+        this.$refs.searchConditionList && (this.$refs.searchConditionList.editConditionId = e3.id + ""), this.selectCondition(e3.id);
+      });
+    });
+  }
+  this.isShowSearchCondition = false;
+}, removeCondition(e2) {
+  e2 && this.$confirm(this.$t("imatrixUIMessage.whetherToConfirmDeletion"), this.$t("imatrixUIMessage.tips"), { confirmButtonText: this.$t("imatrixUIPublicModel.sure"), cancelButtonText: this.$t("imatrixUIPublicModel.cancel"), type: "warning" }).then(() => {
+    this.removeSearchCondition(e2).then(() => {
+      this.$message({ type: "success", message: this.$t("superGrid.deleteSuccessful"), showClose: true }), this.listSearchConditions();
+    });
+  });
+}, selectCondition(o2) {
+  o2 && this.getSearchCondition(o2).then((o3) => {
+    if (o3) {
+      const t2 = o3.queryCondition;
+      if (t2)
+        if ("normal" === this.searchType || "" === this.searchType || null === this.searchType || void 0 === this.searchType) {
+          const o4 = JSON.parse(t2), s2 = this.packageSearchForm(o4);
+          s2 && (this.searchForm = s2), this.loading = true, e(this, "search", o4);
+        } else
+          this.searchFormList = JSON.parse(t2), this.loading = true, e(this, "search", this.packageSearchParam());
+    }
+  });
+}, packageSearchForm(e2) {
+  if (e2 && e2.length > 0) {
+    const o2 = {}, t2 = [];
+    return e2.forEach((e3) => {
+      let s2 = e3.propName;
+      const r2 = e3.columnProp, i2 = e3.dataType;
+      i2 && "BOOLEAN" === i2 && r2 && (s2 = r2), -1 === t2.indexOf(s2) && t2.push(s2);
+      const n2 = e3.propValue;
+      if (s2 && s2.indexOf(".") > 0)
+        a(o2, s2, n2);
+      else {
+        let t3 = false;
+        !i2 || "DATE" !== i2 && "TIME" !== i2 || e3.startValue && e3.endValue && (t3 = true), t3 ? o2[s2] = [new Date(e3.startValue), new Date(e3.endValue)] : o2[s2] ? o2[s2] instanceof Array ? o2[s2].push(n2) : o2[s2] = [o2[s2], n2] : o2[s2] = n2;
+      }
+    }), this.searchableColumns.forEach((e3) => {
+      t2 && (t2.indexOf(e3.prop) < 0 ? e3.prop && e3.prop.indexOf(".") > 0 ? "dateSection" === e3.componentType ? i(o2, e3.prop) : a(o2, e3.prop) : "dateSection" === e3.componentType ? o2[e3.prop] = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : o2[e3.prop] = null : "multiselect" === e3.componentType && o2[e3.prop] && (o2[e3.prop] instanceof Array || (o2[e3.prop] = [o2[e3.prop]])));
+    }), o2;
+  }
+}, resetSearchFormList() {
+  this.searchFormList = null;
+}, openFold(o2) {
+  e(this, "open-fold", o2);
+}, searchComplete() {
+  this.isMobile && this.$refs.searchFormMobile ? this.$refs.searchFormMobile.searchComplete() : this.$refs.searchFormOrdinarySearch && this.$refs.searchFormOrdinarySearch.searchComplete();
+}, closeMobileSearch() {
+  this.isShowMobileForm = false, e(this, "close-mobile-search");
+}, showMobileSearch() {
+  this.isShowMobileForm = true;
+}, openFoldFunc(e2) {
+  this.$refs.searchFormOrdinarySearch && this.$refs.searchFormOrdinarySearch.openFoldFunc(e2);
+} }, emits: ["search", "open-fold", "reset", "show-mobile-search", "close-mobile-search"] }, N = { class: "amb-agilebuilder-search-form-view" }, M = { class: "search-condition-mobile" }, O = { key: 3, style: { "padding-top": "10px", "padding-bottom": "10px", "text-align": "center" } }, $ = { key: 0, style: { "margin-left": "10px" } };
+const x = T(w, [["render", function(e2, o2, t2, s2, r2, i2) {
+  const a2 = n("search-condition-list"), C2 = n("search-form-mobile"), b2 = n("el-drawer"), F2 = n("search-form-ordinary-search"), g2 = n("search-form-advanced-query"), v2 = n("el-button"), T2 = n("search-condition-input");
+  return c(), h("div", N, [r2.isMobile ? (c(), l(b2, { key: 0, modelValue: r2.isShowMobileForm, "onUpdate:modelValue": o2[4] || (o2[4] = (e3) => r2.isShowMobileForm = e3), title: e2.$t("superGrid.searchCondition"), "close-on-click-modal": false, "close-on-press-escape": false, "show-close": false, direction: "rtl", size: i2.mobileDrawerSize, onClose: o2[5] || (o2[5] = (e3) => i2.closeMobileSearch()) }, { default: m(() => [d("div", M, [r2.searchConditions.length > 0 ? (c(), l(a2, { key: 0, ref: "searchConditionList", "search-conditions": r2.searchConditions, "search-type": r2.searchType, onRemoveCondition: i2.removeCondition, onSelectCondition: i2.selectCondition }, null, 8, ["search-conditions", "search-type", "onRemoveCondition", "onSelectCondition"])) : p("", true)]), r2.isMobile && "normal" === r2.searchType ? (c(), l(C2, { key: 0, ref: "searchFormMobile", code: t2.code, "is-sql": t2.isSql, "load-complete-query": t2.loadCompleteQuery, query: t2.query, rules: r2.rules, "search-form": r2.searchForm, "searchable-columns": i2.searchableColumns, onClose: o2[0] || (o2[0] = (e3) => r2.isShowMobileForm = false), onSubmitForm: o2[1] || (o2[1] = (e3) => i2.submitForm("searchForm")), onResetForm: o2[2] || (o2[2] = (e3) => i2.resetForm("searchForm")), onSaveCondition: o2[3] || (o2[3] = (e3) => i2.saveCondition()) }, null, 8, ["code", "is-sql", "load-complete-query", "query", "rules", "search-form", "searchable-columns"])) : p("", true)]), _: 1 }, 8, ["modelValue", "title", "size"])) : (c(), h(u, { key: 1 }, [r2.searchConditions.length > 0 ? (c(), l(a2, { key: 0, ref: "searchConditionList", "search-conditions": r2.searchConditions, "search-type": r2.searchType, onRemoveCondition: i2.removeCondition, onSelectCondition: i2.selectCondition }, null, 8, ["search-conditions", "search-type", "onRemoveCondition", "onSelectCondition"])) : p("", true), "normal" === r2.searchType ? (c(), l(F2, { key: 1, ref: "searchFormOrdinarySearch", code: t2.code, "field-num": r2.fieldNum, "is-sql": t2.isSql, "label-width": r2.labelWidth, "load-complete-query": t2.loadCompleteQuery, query: t2.query, "row-num": r2.rowNum, rules: r2.rules, "search-form": r2.searchForm, "searchable-columns": i2.searchableColumns, "span-num": r2.spanNum, onSubmitForm: o2[6] || (o2[6] = (e3) => i2.submitForm("searchForm")), onResetForm: o2[7] || (o2[7] = (e3) => i2.resetForm("searchForm")), onSaveCondition: o2[8] || (o2[8] = (e3) => i2.saveCondition()), onOpenFold: i2.openFold }, null, 8, ["code", "field-num", "is-sql", "label-width", "load-complete-query", "query", "row-num", "rules", "search-form", "searchable-columns", "span-num", "onOpenFold"])) : p("", true), "advanced" === r2.searchType ? (c(), l(g2, { key: 2, ref: "searchFormAdvancedQuery", code: t2.code, "is-sql": t2.isSql, "prop-map": r2.propMap, "search-form-list": r2.searchFormList, "searchable-columns": i2.advancedQueryColumns, style: { "padding-bottom": "10px" }, onResetForm: i2.resetSearchFormList }, null, 8, ["code", "is-sql", "prop-map", "search-form-list", "searchable-columns", "onResetForm"])) : p("", true), "advanced" === r2.searchType ? (c(), h("div", O, [y(v2, { loading: r2.loading, size: "default", type: "primary", onClick: o2[9] || (o2[9] = (e3) => i2.submitForm("searchForm")) }, { default: m(() => [f(S(e2.$t("imatrixUIPublicModel.sure")), 1)]), _: 1 }, 8, ["loading"]), y(v2, { loading: r2.loading, size: "default", onClick: o2[10] || (o2[10] = (e3) => i2.resetForm("searchForm")) }, { default: m(() => [f(S(e2.$t("imatrixUIPublicModel.reset")), 1)]), _: 1 }, 8, ["loading"]), y(v2, { size: "default", onClick: i2.saveCondition }, { default: m(() => [f(S(e2.$t("superGrid.saveCondition")), 1)]), _: 1 }, 8, ["onClick"]), null !== r2.advancedQuery && void 0 !== r2.advancedQuery && true === r2.advancedQuery && null !== r2.normalQuery && void 0 !== r2.normalQuery && true === r2.normalQuery ? (c(), h("span", $, ["advanced" === r2.searchType ? (c(), l(v2, { key: 0, size: "default", onClick: o2[11] || (o2[11] = (e3) => r2.searchType = "normal") }, { default: m(() => [f(S(e2.$t("imatrixUIPublicModel.switchToNormalQuery")), 1)]), _: 1 })) : p("", true), "normal" === r2.searchType ? (c(), l(v2, { key: 1, size: "default", onClick: o2[12] || (o2[12] = (e3) => r2.searchType = "advanced") }, { default: m(() => [f(S(e2.$t("imatrixUIPublicModel.switchToAdvancedQuery")), 1)]), _: 1 })) : p("", true)])) : p("", true)])) : p("", true)], 64)), r2.isShowSearchCondition ? (c(), l(T2, { key: 2, onClose: i2.saveConditionValue }, null, 8, ["onClose"])) : p("", true)]);
+}], ["__scopeId", "data-v-8f3059a4"]]);
+export {
+  x as default
+};

package/es/super-grid/src/selection-column.vue.mjs

@@ -0,0 +1,11 @@
+import { resolveComponent as e, openBlock as l, createBlock as n } from "vue";
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const i = t({ name: "SelectionColumn", components: {}, props: { column: { type: Object, default: null }, isLineEdit: { type: Boolean, default: false } }, computed: { fixed() {
+  return !!this.column.fixed && (!["null", "false", "undefined"].includes(this.column.fixed) && this.column.fixed);
+} } }, [["render", function(t2, i2, o, u, d, c) {
+  const r = e("el-table-column");
+  return l(), n(r, { align: "center", type: "selection", label: o.column.label, fixed: c.fixed, width: 60 }, null, 8, ["label", "fixed"]);
+}]]);
+export {
+  i as default
+};