m-eleplus-crud 0.0.13 → 0.0.14

package/lib/packages/components/dialog/src/dialog2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog2.js","sources":["../../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, isBoolean, isFunction } from '@m-eleplus-crud/utils'\r\nimport { useSizeProp } from '@m-eleplus-crud/hooks'\r\n\r\nimport type { ExtractPropTypes } from 'vue'\r\n\r\nexport const dialogProps = buildProps({\r\n  /**\r\n   * @description 弹窗尺寸\r\n   */\r\n  size: useSizeProp,\r\n  /**\r\n   * @description 弹窗显示状态\r\n   */\r\n  modelValue: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  /**\r\n   * @description 弹窗标题\r\n   */\r\n  title: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  /**\r\n   * @description 弹窗宽度\r\n   */\r\n  width: {\r\n    type: String,\r\n    default: '600px',\r\n  },\r\n  /**\r\n   * @description 顶部距离\r\n   */\r\n  top: {\r\n    type: String,\r\n    default: '2vh',\r\n  },\r\n  /**\r\n   * @description 插入body\r\n   */\r\n  appendToBody: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 是否可以通过点击modal关闭Dialog\r\n   */\r\n  closeOnClickModal: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /**\r\n   * @description 是否可以通过按下ESC关闭Dialog\r\n   */\r\n  closeOnnPressEscape: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /**\r\n   * @description 弹窗关闭前回调\r\n   */\r\n  beforeClose: {\r\n    type: Function,\r\n  },\r\n  /**\r\n   * @description 为dialog开启拖拽功能\r\n   */\r\n  draggable: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 当关闭Dialog时，销毁其中的元素\r\n   */\r\n  destroyOnClose: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 保存按钮是否展示\r\n   */\r\n  saveBtn: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 取消按钮是否展示\r\n   */\r\n  cancelBtn: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 保存按钮文字\r\n   */\r\n  saveBtnText: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  /**\r\n   * @description 保存按钮图标\r\n   */\r\n  saveBtnIcon: {\r\n    type: String,\r\n    default: 'CircleCheck',\r\n  },\r\n  /**\r\n   * @description 取消按钮图标\r\n   */\r\n  cancelBtnIcon: {\r\n    type: String,\r\n    default: 'CircleClose',\r\n  },\r\n  /**\r\n   * @description 取消按钮文字\r\n   */\r\n  cancelBtnText: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n} as const)\r\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\r\n\r\nexport const dialogEmits = {\r\n  /**\r\n   * @description 更新弹窗状态\r\n   * @param value 弹窗显示状态\r\n   * @returns\r\n   */\r\n  'update:modelValue': (value: boolean) => isBoolean(value),\r\n  /**\r\n   * @description 弹窗关闭\r\n   * @returns\r\n   */\r\n  close: () => true,\r\n  /**\r\n   * @description 弹窗取消\r\n   * @returns\r\n   */\r\n  cancel: () => true,\r\n  /**\r\n   * @description 弹窗确认\r\n   * @param done 完成\r\n   * @param loading 加载完毕\r\n   * @returns\r\n   */\r\n  enter: (done: () => void, loading: () => void) =>\r\n    isFunction(done) && isFunction(loading),\r\n}\r\nexport type DialogEmits = typeof dialogEmits\r\n"],"names":["buildProps","useSizeProp","isBoolean","isFunction"],"mappings":";;;;;;;;;AAKO,MAAM,cAAcA,kBAAW,CAAA;AAAA,EAIpC,IAAM,EAAAC,iBAAA;AAAA,EAIN,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,QAAA;AAAA,GACR;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAGH,MAAM,WAAc,GAAA;AAAA,EAMzB,mBAAqB,EAAA,CAAC,KAAmB,KAAAC,eAAA,CAAU,KAAK,CAAA;AAAA,EAKxD,OAAO,MAAM,IAAA;AAAA,EAKb,QAAQ,MAAM,IAAA;AAAA,EAOd,KAAA,EAAO,CAAC,IAAkB,EAAA,OAAA,KACxBC,kBAAW,IAAI,CAAA,IAAKA,kBAAW,OAAO,CAAA;AAC1C;;;;;"}
+{"version":3,"file":"dialog2.js","sources":["../../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\r\n  <div class=\"m-dialog\">\r\n    <el-dialog\r\n      class=\"m-dialog\"\r\n      :model-value=\"modelValue\"\r\n      :title=\"title\"\r\n      :width=\"width\"\r\n      :top=\"top\"\r\n      :append-to-body=\"appendToBody\"\r\n      :close-on-click-modal=\"closeOnClickModal\"\r\n      :close-onn-press-escape=\"closeOnnPressEscape\"\r\n      :before-close=\"onBeforeClose\"\r\n      :draggable=\"draggable\"\r\n      :destroy-on-close=\"destroyOnClose\"\r\n      @close=\"closeDialog\"\r\n    >\r\n      <slot :loading=\"dialogLoading\" />\r\n      <template #footer>\r\n        <div v-if=\"!slots.btns\" class=\"dialog-footer\">\r\n          <el-button\r\n            v-if=\"cancelBtn\"\r\n            :size=\"size || globalConfig.size\"\r\n            :icon=\"cancelBtnIcon\"\r\n            :loading=\"dialogLoading\"\r\n            @click=\"close\"\r\n          >\r\n            {{ cancelBtnText || t('m.dialog.cancelText') }}\r\n          </el-button>\r\n          <el-button\r\n            v-if=\"saveBtn\"\r\n            :size=\"size || globalConfig.size\"\r\n            :icon=\"saveBtnIcon\"\r\n            :loading=\"dialogLoading\"\r\n            type=\"primary\"\r\n            @click=\"enter\"\r\n          >\r\n            {{ saveBtnText || t('m.dialog.confirmText') }}\r\n          </el-button>\r\n        </div>\r\n        <slot v-else :loading=\"dialogLoading\" name=\"btns\" />\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue'\r\nimport { useGlobalConfig } from '@m-eleplus-crud/components'\r\nimport { useLocale } from '@m-eleplus-crud/hooks'\r\nimport { dialogEmits, dialogProps } from './dialog'\r\n\r\nconst COMPONENT_NAME = 'MDialog'\r\ndefineOptions({\r\n  name: COMPONENT_NAME,\r\n})\r\n\r\nconst props = defineProps(dialogProps)\r\nconst emit = defineEmits(dialogEmits)\r\n\r\n// 插槽信息\r\nconst slots = useSlots()\r\n// 国际化\r\nconst { t } = useLocale()\r\n// 全局配置\r\nconst globalConfig = useGlobalConfig()\r\n\r\n// 弹窗内是否loading\r\nconst dialogLoading = ref(false)\r\n\r\n/**\r\n * @description 弹窗关闭\r\n */\r\nconst closeDialog = () => {\r\n  emit('update:modelValue', false)\r\n  emit('close')\r\n}\r\n\r\n/**\r\n * 确认\r\n */\r\nconst enter = () => {\r\n  // 弹窗开始加载\r\n  dialogLoading.value = true\r\n  // 关闭表单\r\n  const done = () => {\r\n    emit('update:modelValue', false)\r\n  }\r\n  // 关闭加载\r\n  const loading = () => {\r\n    dialogLoading.value = false\r\n  }\r\n\r\n  emit('enter', done, loading)\r\n}\r\n\r\n/**\r\n * 关闭\r\n */\r\nconst close = () => {\r\n  emit('update:modelValue', false)\r\n  emit('cancel')\r\n}\r\n\r\n/**\r\n * 弹窗关闭前\r\n * @param done 完成回调\r\n */\r\nconst onBeforeClose = (done: () => void) => {\r\n  if (dialogLoading.value) {\r\n    return false\r\n  }\r\n  if (props.beforeClose) {\r\n    props.beforeClose(done)\r\n  } else {\r\n    done()\r\n  }\r\n}\r\n</script>\r\n"],"names":["DO_defineComponent","useSlots","useLocale","useGlobalConfig","ref"],"mappings":";;;;;;;;;;;AAoDc,MAAA,cAAAA,mBAAA,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAGb,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEjB,IAAA,MAAA,EAAE,CAAE,EAAA,GAAIC,eAAU,EAAA,CAAA;AAExB,IAAA,MAAM,eAAeC,+BAAgB,EAAA,CAAA;AAG/B,IAAA,MAAA,aAAA,GAAgBC,QAAI,KAAK,CAAA,CAAA;AAK/B,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA,KACd,CAAA;AAKA,IAAA,MAAM,QAAQ,MAAM;AAElB,MAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAEtB,MAAA,MAAM,OAAO,MAAM;AACjB,QAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,OACjC,CAAA;AAEA,MAAA,MAAM,UAAU,MAAM;AACpB,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB,CAAA;AAEK,MAAA,IAAA,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA,CAAA;AAAA,KAC7B,CAAA;AAKA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,KACf,CAAA;AAMM,IAAA,MAAA,aAAA,GAAgB,CAAC,IAAqB,KAAA;AAC1C,MAAA,IAAI,cAAc,KAAO,EAAA;AAChB,QAAA,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,WAAa,EAAA;AACrB,QAAA,KAAA,CAAM,YAAY,IAAI,CAAA,CAAA;AAAA,OACjB,MAAA;AACA,QAAA,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/index.js

@@ -15,14 +15,14 @@ var index$9 = require('./pagination/index.js');
 var configProviderProps = require('./config-provider/src/config-provider-props.js');
 var constants = require('./config-provider/src/constants.js');
 var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
-var table = require('./table/src/table.js');
-var search = require('./search/src/search2.js');
+var table = require('./table/src/table2.js');
+var search = require('./search/src/search.js');
 var picture = require('./picture/src/picture.js');
-var dialog = require('./dialog/src/dialog2.js');
-var qrcode = require('./qrcode/src/qrcode2.js');
-var barcode = require('./barcode/src/barcode2.js');
+var dialog = require('./dialog/src/dialog.js');
+var qrcode = require('./qrcode/src/qrcode.js');
+var barcode = require('./barcode/src/barcode.js');
 var form = require('./form/src/form2.js');
-var crud = require('./crud/src/crud.js');
+var crud = require('./crud/src/crud2.js');
 var pagination = require('./pagination/src/pagination.js');
 
 

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

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

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

@@ -2,74 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var Qrcode$1 = require('qrcodejs2-fix');
-var qrcode = require('./qrcode2.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=qrcode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"qrcode.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":"qrcode.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/qrcode/src/qrcode2.js

@@ -2,31 +2,74 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var shared = require('@vue/shared');
+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');
 
-const qrcodeProps = runtime.buildProps({
-  text: {
-    type: String,
-    required: true
-  },
-  align: {
-    type: String,
-    default: "left"
-  },
-  qrcodeWidth: {
-    type: Number,
-    default: 70
-  },
-  qrcodeHeight: {
-    type: Number,
-    default: 70
+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 qrcodeEmits = {
-  click: (val) => shared.isString(val)
-};
+var Qrcode = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "qrcode.vue"]]);
 
-exports.qrcodeEmits = qrcodeEmits;
-exports.qrcodeProps = qrcodeProps;
+exports["default"] = Qrcode;
 //# 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.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;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;"}

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

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