m-eleplus-crud 0.0.12 → 0.0.13

package/lib/packages/components/qrcode/src/qrcode2.js

@@ -2,74 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var Qrcode$1 = require('qrcodejs2-fix');
-var qrcode = require('./qrcode.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var shared = require('@vue/shared');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var Qrcode__default = /*#__PURE__*/_interopDefaultLegacy(Qrcode$1);
-
-const COMPONENT_NAME = "MQrcode";
-const __default__ = vue.defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = vue.defineComponent({
-  ...__default__,
-  props: qrcode.qrcodeProps,
-  emits: qrcode.qrcodeEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const qrcodeRef = vue.ref();
-    const alignComputed = vue.computed(() => {
-      if (!props.align || props.align === "left") {
-        return "flex-start";
-      }
-      if (props.align === "right") {
-        return "flex-end";
-      }
-      return "center";
-    });
-    vue.watch(
-      () => props.text,
-      (newVal) => {
-        if (!newVal)
-          return;
-        setTimeout(() => {
-          qrcodeRef.value.innerHTML = "";
-          new Qrcode__default["default"](qrcodeRef.value, {
-            text: newVal,
-            width: props.qrcodeWidth,
-            height: props.qrcodeHeight
-          });
-          const img = qrcodeRef.value.querySelector("img");
-          img.onclick = () => {
-            emit("click", newVal);
-          };
-        }, 0);
-      },
-      {
-        immediate: true
-      }
-    );
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          ref_key: "qrcodeRef",
-          ref: qrcodeRef,
-          class: "m-qrcode-box",
-          style: vue.normalizeStyle("justify-content: " + alignComputed.value)
-        },
-        null,
-        4
-      );
-    };
+const qrcodeProps = runtime.buildProps({
+  text: {
+    type: String,
+    required: true
+  },
+  align: {
+    type: String,
+    default: "left"
+  },
+  qrcodeWidth: {
+    type: Number,
+    default: 70
+  },
+  qrcodeHeight: {
+    type: Number,
+    default: 70
   }
 });
-var Qrcode = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "qrcode.vue"]]);
+const qrcodeEmits = {
+  click: (val) => shared.isString(val)
+};
 
-exports["default"] = Qrcode;
+exports.qrcodeEmits = qrcodeEmits;
+exports.qrcodeProps = qrcodeProps;
 //# sourceMappingURL=qrcode2.js.map

package/lib/packages/components/qrcode/src/qrcode2.js.map

@@ -1 +1 @@
-{"version":3,"file":"qrcode2.js","sources":["../../../../../../../packages/components/qrcode/src/qrcode.vue"],"sourcesContent":["<template>\r\n  <div\r\n    ref=\"qrcodeRef\"\r\n    class=\"m-qrcode-box\"\r\n    :style=\"'justify-content: ' + alignComputed\"\r\n  />\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { computed, ref, watch } from 'vue'\r\n// @ts-ignore\r\nimport Qrcode from 'qrcodejs2-fix'\r\nimport { qrcodeEmits, qrcodeProps } from './qrcode'\r\n\r\nconst COMPONENT_NAME = 'MQrcode'\r\ndefineOptions({\r\n  name: COMPONENT_NAME,\r\n})\r\n\r\nconst props = defineProps(qrcodeProps)\r\nconst emit = defineEmits(qrcodeEmits)\r\n\r\nconst qrcodeRef = ref<any>()\r\n\r\nconst alignComputed = computed(() => {\r\n  if (!props.align || props.align === 'left') {\r\n    return 'flex-start'\r\n  }\r\n  if (props.align === 'right') {\r\n    return 'flex-end'\r\n  }\r\n  return 'center'\r\n})\r\n\r\nwatch(\r\n  () => props.text as string,\r\n  (newVal: string) => {\r\n    if (!newVal) return\r\n    setTimeout(() => {\r\n      qrcodeRef.value.innerHTML = ''\r\n      new Qrcode(qrcodeRef.value, {\r\n        text: newVal,\r\n        width: props.qrcodeWidth,\r\n        height: props.qrcodeHeight,\r\n      })\r\n      const img = qrcodeRef.value.querySelector('img')\r\n      img.onclick = () => {\r\n        emit('click', newVal)\r\n      }\r\n    }, 0)\r\n  },\r\n  {\r\n    immediate: true,\r\n  }\r\n)\r\n</script>\r\n"],"names":["DO_defineComponent","ref","computed","watch","Qrcode"],"mappings":";;;;;;;;;;;;;;AAec,MAAA,cAAAA,mBAAA,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,YAAYC,OAAS,EAAA,CAAA;AAErB,IAAA,MAAA,aAAA,GAAgBC,aAAS,MAAM;AACnC,MAAA,IAAI,CAAC,KAAA,CAAM,KAAS,IAAA,KAAA,CAAM,UAAU,MAAQ,EAAA;AACnC,QAAA,OAAA,YAAA,CAAA;AAAA,OACT;AACI,MAAA,IAAA,KAAA,CAAM,UAAU,OAAS,EAAA;AACpB,QAAA,OAAA,UAAA,CAAA;AAAA,OACT;AACO,MAAA,OAAA,QAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAC,MAAmB,KAAA;AAClB,QAAA,IAAI,CAAC,MAAA;AAAQ,UAAA,OAAA;AACb,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,SAAA,CAAU,MAAM,SAAY,GAAA,EAAA,CAAA;AACxB,UAAA,IAAAC,0BAAA,CAAO,UAAU,KAAO,EAAA;AAAA,YAC1B,IAAM,EAAA,MAAA;AAAA,YACN,OAAO,KAAM,CAAA,WAAA;AAAA,YACb,QAAQ,KAAM,CAAA,YAAA;AAAA,WACf,CAAA,CAAA;AACD,UAAA,MAAM,GAAM,GAAA,SAAA,CAAU,KAAM,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAC/C,UAAA,GAAA,CAAI,UAAU,MAAM;AAClB,YAAA,IAAA,CAAK,SAAS,MAAM,CAAA,CAAA;AAAA,WACtB,CAAA;AAAA,WACC,CAAC,CAAA,CAAA;AAAA,OACN;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"qrcode2.js","sources":["../../../../../../../packages/components/qrcode/src/qrcode.ts"],"sourcesContent":["import { buildProps, isString } from '@m-eleplus-crud/utils'\r\n\r\nimport type { ExtractPropTypes } from 'vue'\r\n\r\nexport const qrcodeProps = buildProps({\r\n  /**\r\n   * @description 二维码内容\r\n   */\r\n  text: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  /**\r\n   * @description 对齐方式\r\n   */\r\n  align: {\r\n    type: String,\r\n    default: 'left',\r\n  },\r\n  /**\r\n   * @description qrcode宽度\r\n   */\r\n  qrcodeWidth: {\r\n    type: Number,\r\n    default: 70,\r\n  },\r\n  /**\r\n   * @description qrcode高度\r\n   */\r\n  qrcodeHeight: {\r\n    type: Number,\r\n    default: 70,\r\n  },\r\n} as const)\r\nexport type QrcodeProps = ExtractPropTypes<typeof qrcodeProps>\r\n\r\nexport const qrcodeEmits = {\r\n  click: (val: string) => isString(val),\r\n}\r\nexport type QrcodeEmits = typeof qrcodeEmits\r\n"],"names":["buildProps","isString"],"mappings":";;;;;;;AAIO,MAAM,cAAcA,kBAAW,CAAA;AAAA,EAIpC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAGH,MAAM,WAAc,GAAA;AAAA,EACzB,KAAO,EAAA,CAAC,GAAgB,KAAAC,eAAA,CAAS,GAAG,CAAA;AACtC;;;;;"}

package/lib/packages/components/search/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var search$1 = require('./src/search2.js');
-var search = require('./src/search.js');
+var search$1 = require('./src/search.js');
+var search = require('./src/search2.js');
 var install = require('../../utils/vue/install.js');
 
 const MSearch = install.withInstall(search$1["default"]);

package/lib/packages/components/search/src/search.js

@@ -2,34 +2,446 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-size/index.js');
-var shared = require('@vue/shared');
+var vue = require('vue');
+var lodashUnified = require('lodash-unified');
+var search = require('./search2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-locale/index.js');
+var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
+var error = require('../../../utils/error.js');
 
-const searchProps = runtime.buildProps({
-  size: index.useSizeProp,
-  loading: {
-    type: Boolean,
-    default: false
-  },
-  permission: {
-    type: Object,
-    default: {}
-  },
-  model: {
-    type: Object,
-    required: true
-  },
-  option: {
-    type: runtime.definePropType(Object),
-    required: false
+const COMPONENT_NAME = "MSearch";
+const __default__ = vue.defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = vue.defineComponent({
+  ...__default__,
+  props: search.searchProps,
+  emits: search.searchEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = vue.useSlots();
+    const { t } = index.useLocale();
+    const INPUT_TYPES = ["input", "textarea", "number", "password"];
+    const SELECT_TYPES = ["select", "checkbox", "radio", "switch"];
+    const DATE_TYPES = [
+      "year",
+      "month",
+      "date",
+      "datetime",
+      "week",
+      "datetimerange",
+      "daterange",
+      "monthrange",
+      "yearrange",
+      "time",
+      "timerange"
+    ];
+    const searchOption = vue.ref({
+      searchBtnText: t("m.search.searchBtnText"),
+      resetBtnText: t("m.search.resetBtnText"),
+      searchBtnIcon: "Search",
+      resetBtnIcon: "Delete",
+      labelWidth: "80px",
+      colIndex: 3,
+      col: false,
+      column: []
+    });
+    const formRef = vue.ref();
+    const globalConfig = useGlobalConfig.useGlobalConfig();
+    const searchCol = vue.ref(true);
+    const proxys = new Proxy(props.model, {
+      get(target, property) {
+        return lodashUnified.get(target, property);
+      },
+      set(target, property, value) {
+        lodashUnified.set(target, property, value);
+        return true;
+      }
+    });
+    const initValue = () => {
+      var _a;
+      if (searchOption.value && searchOption.value.column) {
+        for (let i = 0; i < ((_a = searchOption.value.column) == null ? void 0 : _a.length); i++) {
+          const column = searchOption.value.column[i];
+          if (column.prop && proxys[column.prop] === void 0) {
+            if (column.value) {
+              proxys[column.prop] = column.value;
+            } else {
+              const ARR_TYPES = [
+                "checkbox",
+                "datetimerange",
+                "daterange",
+                "monthrange",
+                "yearrange",
+                "timerange"
+              ];
+              if (column.type === "select" && column.multiple || ARR_TYPES.includes(column.type || "")) {
+                proxys[column.prop] = [];
+              } else {
+                proxys[column.prop] = "";
+              }
+            }
+          }
+        }
+      }
+    };
+    const getValueFormatByType = (type) => {
+      let format = "";
+      switch (type) {
+        case "yearrange":
+        case "year":
+          format = "YYYY";
+          break;
+        case "monthrange":
+        case "month":
+          format = "YYYY-MM";
+          break;
+        case "daterange":
+        case "week":
+        case "date":
+          format = "YYYY-MM-DD";
+          break;
+        case "datetimerange":
+        case "datetime":
+          format = "YYYY-MM-DD HH:mm:ss";
+          break;
+        case "time":
+          format = "HH:mm:ss";
+          break;
+      }
+      return format;
+    };
+    const search = (page = 1) => {
+      var _a;
+      if (searchOption.value.column && searchOption.value.column.length) {
+        (_a = formRef.value) == null ? void 0 : _a.validate((valid) => {
+          if (valid) {
+            if (proxys.page) {
+              proxys.page = page;
+            }
+            emit("search", proxys);
+          }
+        });
+      } else {
+        if (proxys.page) {
+          proxys.page = page;
+        }
+        emit("search", proxys);
+      }
+    };
+    const reset = () => {
+      var _a;
+      if (proxys.page) {
+        proxys.page = 1;
+      }
+      if (proxys.limit) {
+        proxys.limit = 10;
+      }
+      (_a = formRef.value) == null ? void 0 : _a.resetFields();
+      emit("reset");
+    };
+    const toggleCol = () => {
+      searchCol.value = !searchCol.value;
+    };
+    const getAllRemoteDics = () => {
+      var _a, _b, _c, _d;
+      const hasDicUrl = (_b = (_a = searchOption.value) == null ? void 0 : _a.column) == null ? void 0 : _b.some((column) => column.dicUrl);
+      if (hasDicUrl && !((_c = globalConfig.value) == null ? void 0 : _c.httpGet)) {
+        error.debugWarn("MSearch", "global config httpGet is null");
+        return;
+      }
+      const updateRemoteDic = (column) => {
+        return new Promise((resolve) => {
+          let isSuccess = false;
+          globalConfig.value.httpGet(column.dicUrl, column.dicQuery, column.dicHeaders).then((e) => {
+            const { list, label, value } = column.dicFormatter(e);
+            if (list && Array.isArray(list)) {
+              column["dicData"] = list.map((item) => {
+                const lastLabel = label.replace(/\{(\w+)\}/g, (match, key) => {
+                  return item[key] || match;
+                });
+                return {
+                  label: lastLabel,
+                  value: item[value]
+                };
+              });
+              isSuccess = true;
+            }
+          }).finally(() => {
+            if (!isSuccess) {
+              column["dicData"] = [];
+            }
+            resolve(null);
+          });
+        });
+      };
+      for (let i = 0; i < (((_d = searchOption.value) == null ? void 0 : _d.column) || []).length; i++) {
+        const column = searchOption.value.column[i];
+        if (column.dicUrl) {
+          if (!column.dicFormatter) {
+            error.debugWarn("MSearch", "dicUrl and dicFormatter must be used together");
+            continue;
+          }
+          updateRemoteDic(column);
+        }
+      }
+    };
+    const wrapSelectData = (arr) => {
+      if (!arr) {
+        return [];
+      }
+      return [{ label: "\u5168\u90E8", value: "" }, ...arr];
+    };
+    vue.watch(
+      () => props.option,
+      (newVal) => {
+        if (newVal) {
+          searchOption.value = Object.assign({}, searchOption.value, newVal);
+          if (newVal.column) {
+            searchOption.value.column = lodashUnified.cloneDeep(
+              newVal.column.filter(
+                (column) => !(props.permission[column.prop || ""] === false)
+              ).sort((a, b) => (b.order || 0) - (a.order || 0))
+            );
+          }
+          getAllRemoteDics();
+          initValue();
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    __expose({
+      search,
+      reset
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_date_picker = vue.resolveComponent("el-date-picker");
+      const _component_el_time_picker = vue.resolveComponent("el-time-picker");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_ArrowDown = vue.resolveComponent("ArrowDown");
+      const _component_ArrowUp = vue.resolveComponent("ArrowUp");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_link = vue.resolveComponent("el-link");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return searchOption.value.column && searchOption.value.column.length ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "m-search"
+      }, [
+        vue.createVNode(_component_el_form, {
+          ref_key: "formRef",
+          ref: formRef,
+          inline: true,
+          model: vue.unref(proxys),
+          size: _ctx.size || vue.unref(globalConfig).size,
+          disabled: _ctx.loading,
+          "label-width": searchOption.value.labelWidth,
+          onSubmit: vue.withModifiers(() => {
+          }, ["prevent"])
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_row, { gutter: 0 }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(searchOption.value.column, (column, columnIndex) => {
+                    return vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: columnIndex },
+                      [
+                        !searchOption.value.col || !searchCol.value || columnIndex < (searchOption.value.colIndex || 3) ? (vue.openBlock(), vue.createBlock(_component_el_col, {
+                          key: 0,
+                          span: column.span || 6
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_form_item, {
+                              style: { "width": "100%" },
+                              "label-width": column.labelWidth || searchOption.value.labelWidth,
+                              label: column.label + ":",
+                              prop: column.prop,
+                              rules: column.rules
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createCommentVNode("\u63D2\u69FD"),
+                                vue.unref(slots)[column.prop || ""] ? vue.renderSlot(_ctx.$slots, column.prop, vue.mergeProps({
+                                  key: 0,
+                                  ref_for: true
+                                }, { size: _ctx.size || vue.unref(globalConfig).size, loading: _ctx.loading })) : !column.type || INPUT_TYPES.includes(column.type) ? (vue.openBlock(), vue.createElementBlock(
+                                  vue.Fragment,
+                                  { key: 1 },
+                                  [
+                                    vue.createCommentVNode(""),
+                                    vue.createCommentVNode("\u8F93\u5165\u6846"),
+                                    vue.createVNode(_component_el_input, {
+                                      modelValue: vue.unref(proxys)[column.prop || ""],
+                                      "onUpdate:modelValue": ($event) => vue.unref(proxys)[column.prop || ""] = $event,
+                                      modelModifiers: { trim: true },
+                                      placeholder: column.placeholder,
+                                      style: { "width": "100%" },
+                                      type: "text",
+                                      onKeyup: vue.withKeys(($event) => search(1), ["enter"])
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onKeyup"])
+                                  ],
+                                  64
+                                )) : SELECT_TYPES.includes(column.type) ? (vue.openBlock(), vue.createElementBlock(
+                                  vue.Fragment,
+                                  { key: 2 },
+                                  [
+                                    vue.createCommentVNode(""),
+                                    vue.createCommentVNode("\u5355\u9009/\u591A\u9009"),
+                                    vue.createVNode(_component_el_select, {
+                                      modelValue: vue.unref(proxys)[column.prop || ""],
+                                      "onUpdate:modelValue": ($event) => vue.unref(proxys)[column.prop || ""] = $event,
+                                      style: { "width": "100%" },
+                                      placeholder: column.placeholder,
+                                      multiple: column.multiple || column.type === "checkbox",
+                                      clearable: column.clearable === void 0 ? true : column.clearable,
+                                      "empty-values": [null, void 0]
+                                    }, {
+                                      default: vue.withCtx(() => [
+                                        (vue.openBlock(true), vue.createElementBlock(
+                                          vue.Fragment,
+                                          null,
+                                          vue.renderList(wrapSelectData(column.dicData), (dicItem, dicIndex) => {
+                                            return vue.openBlock(), vue.createBlock(_component_el_option, {
+                                              key: dicIndex,
+                                              label: dicItem.label,
+                                              value: dicItem.value
+                                            }, null, 8, ["label", "value"]);
+                                          }),
+                                          128
+                                        ))
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "multiple", "clearable"])
+                                  ],
+                                  64
+                                )) : DATE_TYPES.includes(column.type) ? (vue.openBlock(), vue.createElementBlock(
+                                  vue.Fragment,
+                                  { key: 3 },
+                                  [
+                                    vue.createCommentVNode(""),
+                                    vue.createCommentVNode("\u65F6\u95F4\u9009\u62E9"),
+                                    column.type !== "time" && column.type !== "timerange" ? (vue.openBlock(), vue.createBlock(_component_el_date_picker, {
+                                      key: 0,
+                                      modelValue: vue.unref(proxys)[column.prop || ""],
+                                      "onUpdate:modelValue": ($event) => vue.unref(proxys)[column.prop || ""] = $event,
+                                      type: column.type,
+                                      clearable: column.clearable,
+                                      "start-placeholder": column.startPlaceholder,
+                                      "end-placeholder": column.endPlaceholder,
+                                      format: column.format,
+                                      "value-format": column.valueFormat || getValueFormatByType(column.type)
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "clearable", "start-placeholder", "end-placeholder", "format", "value-format"])) : (vue.openBlock(), vue.createBlock(_component_el_time_picker, {
+                                      key: 1,
+                                      modelValue: vue.unref(proxys)[column.prop || ""],
+                                      "onUpdate:modelValue": ($event) => vue.unref(proxys)[column.prop || ""] = $event,
+                                      "is-range": column.type === "timerange",
+                                      clearable: column.clearable,
+                                      "start-placeholder": column.startPlaceholder,
+                                      "end-placeholder": column.endPlaceholder,
+                                      "value-format": column.valueFormat || getValueFormatByType(column.type)
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "is-range", "clearable", "start-placeholder", "end-placeholder", "value-format"]))
+                                  ],
+                                  64
+                                )) : vue.createCommentVNode("v-if", true)
+                              ]),
+                              _: 2
+                            }, 1032, ["label-width", "label", "prop", "rules"])
+                          ]),
+                          _: 2
+                        }, 1032, ["span"])) : vue.createCommentVNode("v-if", true)
+                      ],
+                      64
+                    );
+                  }),
+                  128
+                )),
+                vue.createVNode(_component_el_col, { span: 6 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, {
+                      class: "m-search-btns",
+                      style: { "width": "100%" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_button, {
+                          type: "primary",
+                          icon: searchOption.value.searchBtnIcon,
+                          loading: _ctx.loading,
+                          onClick: ($event) => search(1)
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(
+                              vue.toDisplayString(searchOption.value.searchBtnText),
+                              1
+                            )
+                          ]),
+                          _: 1
+                        }, 8, ["icon", "loading", "onClick"]),
+                        vue.createVNode(_component_el_button, {
+                          type: "default",
+                          icon: searchOption.value.resetBtnIcon,
+                          loading: _ctx.loading,
+                          onClick: reset
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(
+                              vue.toDisplayString(searchOption.value.resetBtnText),
+                              1
+                            )
+                          ]),
+                          _: 1
+                        }, 8, ["icon", "loading"]),
+                        searchOption.value.col ? (vue.openBlock(), vue.createBlock(_component_el_link, {
+                          key: 0,
+                          style: { "width": "54px", "margin-left": "12px" },
+                          underline: "never",
+                          disabled: _ctx.loading,
+                          type: "default",
+                          onClick: toggleCol
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_icon, { style: { "margin-right": "6px" } }, {
+                              default: vue.withCtx(() => [
+                                searchCol.value ? (vue.openBlock(), vue.createBlock(_component_ArrowDown, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_ArrowUp, { key: 1 }))
+                              ]),
+                              _: 1
+                            }),
+                            vue.createTextVNode(
+                              " " + vue.toDisplayString(searchCol.value ? vue.unref(t)("m.search.expandBtn") : vue.unref(t)("m.search.colBtn")),
+                              1
+                            )
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["model", "size", "disabled", "label-width", "onSubmit"])
+      ])) : vue.createCommentVNode("v-if", true);
+    };
   }
 });
-const searchEmits = {
-  search: (model) => shared.isObject(model),
-  reset: () => true
-};
+var Search = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "search.vue"]]);
 
-exports.searchEmits = searchEmits;
-exports.searchProps = searchProps;
+exports["default"] = Search;
 //# sourceMappingURL=search.js.map