m-eleplus-crud 0.0.6 → 0.0.7

package/lib/packages/components/pagination/src/pagination2.js

@@ -2,46 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var pagination = require('./pagination.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var types = require('../../../utils/types.js');
 
-const COMPONENT_NAME = "MPagination";
-const __default__ = vue.defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = vue.defineComponent({
-  ...__default__,
-  props: pagination.paginationProps,
-  emits: pagination.paginationEmits,
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const handleSizeChange = (size) => {
-      emits("update:pageSize", size);
-      emits("pageSize", size);
-    };
-    const handleCurrentChange = (page) => {
-      emits("update:currentPage", page);
-      emits("currentPage", page);
-    };
-    return (_ctx, _cache) => {
-      const _component_el_pagination = vue.resolveComponent("el-pagination");
-      return vue.openBlock(), vue.createBlock(_component_el_pagination, {
-        "current-page": _ctx.currentPage,
-        "page-size": _ctx.pageSize,
-        "page-sizes": _ctx.pageSizes,
-        small: _ctx.small,
-        disabled: _ctx.disabled,
-        background: _ctx.background,
-        layout: _ctx.layout,
-        total: _ctx.total,
-        onSizeChange: handleSizeChange,
-        onCurrentChange: handleCurrentChange
-      }, null, 8, ["current-page", "page-size", "page-sizes", "small", "disabled", "background", "layout", "total"]);
-    };
+const paginationProps = runtime.buildProps({
+  small: {
+    type: Boolean,
+    default: true
+  },
+  background: {
+    type: Boolean,
+    default: true
+  },
+  total: {
+    type: Number,
+    default: 0
+  },
+  layout: {
+    type: String,
+    default: "total, sizes, prev, pager, next, jumper"
+  },
+  pageSizes: {
+    type: Array,
+    default: () => [10, 50, 100, 200, 300, 400]
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageSize: {
+    type: Number,
+    default: 10
   }
 });
-var Pagination = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "pagination.vue"]]);
+const paginationEmits = {
+  "update:currentPage": (page) => types.isNumber(page),
+  "update:pageSize": (pageSize) => types.isNumber(pageSize),
+  currentPage: (page) => types.isNumber(page),
+  pageSize: (pageSize) => types.isNumber(pageSize)
+};
 
-exports["default"] = Pagination;
+exports.paginationEmits = paginationEmits;
+exports.paginationProps = paginationProps;
 //# sourceMappingURL=pagination2.js.map

package/lib/packages/components/pagination/src/pagination2.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination2.js","sources":["../../../../../../../packages/components/pagination/src/pagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { paginationEmits, paginationProps } from './pagination'\r\n\r\nconst COMPONENT_NAME = 'MPagination'\r\ndefineOptions({\r\n  name: COMPONENT_NAME,\r\n})\r\n\r\ndefineProps(paginationProps)\r\n\r\nconst emits = defineEmits(paginationEmits)\r\n\r\n/**\r\n * 页数变化\r\n * @param size 页大小\r\n */\r\nconst handleSizeChange = (size: number) => {\r\n  emits('update:pageSize', size)\r\n  emits('pageSize', size)\r\n}\r\n\r\n/**\r\n * 页发生变化\r\n * @param page 页\r\n */\r\nconst handleCurrentChange = (page: number) => {\r\n  emits('update:currentPage', page)\r\n  emits('currentPage', page)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <el-pagination\r\n    :current-page=\"currentPage\"\r\n    :page-size=\"pageSize\"\r\n    :page-sizes=\"pageSizes\"\r\n    :small=\"small\"\r\n    :disabled=\"disabled\"\r\n    :background=\"background\"\r\n    :layout=\"layout\"\r\n    :total=\"total\"\r\n    @size-change=\"handleSizeChange\"\r\n    @current-change=\"handleCurrentChange\"\r\n  />\r\n</template>\r\n"],"names":["DO_defineComponent"],"mappings":";;;;;;;;;AAIc,MAAA,cAAAA,mBAAA,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAIA,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAMR,IAAA,MAAA,gBAAA,GAAmB,CAAC,IAAiB,KAAA;AACzC,MAAA,KAAA,CAAM,mBAAmB,IAAI,CAAA,CAAA;AAC7B,MAAA,KAAA,CAAM,YAAY,IAAI,CAAA,CAAA;AAAA,KACxB,CAAA;AAMM,IAAA,MAAA,mBAAA,GAAsB,CAAC,IAAiB,KAAA;AAC5C,MAAA,KAAA,CAAM,sBAAsB,IAAI,CAAA,CAAA;AAChC,MAAA,KAAA,CAAM,eAAe,IAAI,CAAA,CAAA;AAAA,KAC3B,CAAA;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pagination2.js","sources":["../../../../../../../packages/components/pagination/src/pagination.ts"],"sourcesContent":["import { buildProps, isNumber } from '@m-eleplus-crud/utils'\r\n\r\nimport type { ExtractPropTypes } from 'vue'\r\n\r\nexport const paginationProps = buildProps({\r\n  /**\r\n   * @description 是否使用小型分页样式\r\n   */\r\n  small: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 是否为分页按钮添加背景色\r\n   */\r\n  background: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 总条目数\r\n   */\r\n  total: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  /**\r\n   * @description  组件布局，子组件名用逗号分隔\r\n   */\r\n  layout: {\r\n    type: String,\r\n    default: 'total, sizes, prev, pager, next, jumper',\r\n  },\r\n  /**\r\n   * @description 每页显示个数选择器的选项设置\r\n   */\r\n  pageSizes: {\r\n    type: Array,\r\n    default: () => [10, 50, 100, 200, 300, 400],\r\n  },\r\n  /**\r\n   * @description 是否禁用\r\n   */\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /**\r\n   * @description 当前页数\r\n   */\r\n  currentPage: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n  /**\r\n   * @description 当前页大小\r\n   */\r\n  pageSize: {\r\n    type: Number,\r\n    default: 10,\r\n  },\r\n} as const)\r\nexport type PaginationProps = ExtractPropTypes<typeof paginationProps>\r\n\r\nexport const paginationEmits = {\r\n  /**\r\n   * 更新当前分页\r\n   * @param page 页数\r\n   * @returns\r\n   */\r\n  'update:currentPage': (page: number) => isNumber(page),\r\n  /**\r\n   * 更新页码大小\r\n   * @param pageSize 页大小\r\n   * @returns\r\n   */\r\n  'update:pageSize': (pageSize: number) => isNumber(pageSize),\r\n  /**\r\n   * 页数改变\r\n   * @param page 页数\r\n   * @returns\r\n   */\r\n  currentPage: (page: number) => isNumber(page),\r\n  /**\r\n   * 页码大小改变\r\n   * @param pageSize 页码大小\r\n   * @returns\r\n   */\r\n  pageSize: (pageSize: number) => isNumber(pageSize),\r\n}\r\nexport type PaginationEmits = typeof paginationEmits\r\n"],"names":["buildProps","isNumber"],"mappings":";;;;;;;AAIO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA,EAIxC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,yCAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,CAAC,EAAA,EAAI,IAAI,GAAK,EAAA,GAAA,EAAK,KAAK,GAAG,CAAA;AAAA,GAC5C;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAM7B,oBAAsB,EAAA,CAAC,IAAiB,KAAAC,cAAA,CAAS,IAAI,CAAA;AAAA,EAMrD,iBAAmB,EAAA,CAAC,QAAqB,KAAAA,cAAA,CAAS,QAAQ,CAAA;AAAA,EAM1D,WAAa,EAAA,CAAC,IAAiB,KAAAA,cAAA,CAAS,IAAI,CAAA;AAAA,EAM5C,QAAU,EAAA,CAAC,QAAqB,KAAAA,cAAA,CAAS,QAAQ,CAAA;AACnD;;;;;"}

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

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

package/lib/packages/components/qrcode/src/qrcode.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('./qrcode2.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=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.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":"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;;;;;;;;;;;;;;;;;;;;"}

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "m-eleplus-crud",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "A Crud Vue3 Component Library Based On Element Plus",
   "keywords": [
     "m-eleplus-crud",

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"m-eleplus-crud","version":"0.0.6","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"m-eleplus-crud","version":"0.0.7","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}