m-eleplus-crud 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/index.full.js +3 -1
  2. package/dist/index.full.min.js +6 -6
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +1 -1
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +3 -1
  7. package/es/components/table/src/table.d.ts +4 -0
  8. package/es/index.mjs +4 -4
  9. package/es/packages/components/dialog/index.mjs +2 -2
  10. package/es/packages/components/dialog/src/dialog.mjs +116 -75
  11. package/es/packages/components/dialog/src/dialog.mjs.map +1 -1
  12. package/es/packages/components/dialog/src/dialog2.mjs +75 -116
  13. package/es/packages/components/dialog/src/dialog2.mjs.map +1 -1
  14. package/es/packages/components/index.mjs +4 -4
  15. package/es/packages/components/picture/index.mjs +2 -2
  16. package/es/packages/components/picture/src/picture.mjs +26 -19
  17. package/es/packages/components/picture/src/picture.mjs.map +1 -1
  18. package/es/packages/components/picture/src/picture2.mjs +19 -26
  19. package/es/packages/components/picture/src/picture2.mjs.map +1 -1
  20. package/es/packages/components/qrcode/index.mjs +2 -2
  21. package/es/packages/components/qrcode/src/qrcode.mjs +22 -62
  22. package/es/packages/components/qrcode/src/qrcode.mjs.map +1 -1
  23. package/es/packages/components/qrcode/src/qrcode2.mjs +62 -22
  24. package/es/packages/components/qrcode/src/qrcode2.mjs.map +1 -1
  25. package/es/packages/components/table/index.mjs +2 -2
  26. package/es/packages/components/table/src/table.mjs +37 -417
  27. package/es/packages/components/table/src/table.mjs.map +1 -1
  28. package/es/packages/components/table/src/table2.mjs +419 -37
  29. package/es/packages/components/table/src/table2.mjs.map +1 -1
  30. package/lib/components/table/src/table.d.ts +4 -0
  31. package/lib/index.js +4 -4
  32. package/lib/packages/components/dialog/index.js +2 -2
  33. package/lib/packages/components/dialog/src/dialog.js +116 -76
  34. package/lib/packages/components/dialog/src/dialog.js.map +1 -1
  35. package/lib/packages/components/dialog/src/dialog2.js +76 -116
  36. package/lib/packages/components/dialog/src/dialog2.js.map +1 -1
  37. package/lib/packages/components/index.js +4 -4
  38. package/lib/packages/components/picture/index.js +2 -2
  39. package/lib/packages/components/picture/src/picture.js +26 -20
  40. package/lib/packages/components/picture/src/picture.js.map +1 -1
  41. package/lib/packages/components/picture/src/picture2.js +20 -26
  42. package/lib/packages/components/picture/src/picture2.js.map +1 -1
  43. package/lib/packages/components/qrcode/index.js +2 -2
  44. package/lib/packages/components/qrcode/src/qrcode.js +23 -66
  45. package/lib/packages/components/qrcode/src/qrcode.js.map +1 -1
  46. package/lib/packages/components/qrcode/src/qrcode2.js +66 -23
  47. package/lib/packages/components/qrcode/src/qrcode2.js.map +1 -1
  48. package/lib/packages/components/table/index.js +2 -2
  49. package/lib/packages/components/table/src/table.js +38 -422
  50. package/lib/packages/components/table/src/table.js.map +1 -1
  51. package/lib/packages/components/table/src/table2.js +424 -38
  52. package/lib/packages/components/table/src/table2.js.map +1 -1
  53. package/package.json +1 -1
  54. package/web-types.json +1 -1
@@ -2,34 +2,28 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var picture = require('./picture.js');
7
- var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
8
6
 
9
- const COMPONENT_NAME = "MPicture";
10
- const __default__ = vue.defineComponent({
11
- name: COMPONENT_NAME
12
- });
13
- const _sfc_main = vue.defineComponent({
14
- ...__default__,
15
- props: picture.pictureProps,
16
- emits: picture.pictureEmits,
17
- setup(__props) {
18
- return (_ctx, _cache) => {
19
- const _component_el_image = vue.resolveComponent("el-image");
20
- return vue.openBlock(), vue.createElementBlock("div", { class: "m-picture" }, [
21
- vue.createVNode(_component_el_image, {
22
- src: _ctx.src,
23
- "preview-src-list": _ctx.previewSrcList,
24
- fit: "cover",
25
- style: vue.normalizeStyle({ width: _ctx.imgWidth, height: _ctx.imgHeight }),
26
- "preview-teleported": true
27
- }, null, 8, ["src", "preview-src-list", "style"])
28
- ]);
29
- };
7
+ const pictureProps = runtime.buildProps({
8
+ src: {
9
+ type: String,
10
+ required: true
11
+ },
12
+ previewSrcList: {
13
+ type: Array,
14
+ required: true
15
+ },
16
+ imgWidth: {
17
+ type: String,
18
+ default: "70px"
19
+ },
20
+ imgHeight: {
21
+ type: String,
22
+ default: "70px"
30
23
  }
31
24
  });
32
- var Picture = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "picture.vue"]]);
25
+ const pictureEmits = {};
33
26
 
34
- exports["default"] = Picture;
27
+ exports.pictureEmits = pictureEmits;
28
+ exports.pictureProps = pictureProps;
35
29
  //# sourceMappingURL=picture2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"picture2.js","sources":["../../../../../../../packages/components/picture/src/picture.vue"],"sourcesContent":["<template>\n <div class=\"m-picture\">\n <el-image\n :src=\"src\"\n :preview-src-list=\"previewSrcList\"\n fit=\"cover\"\n :style=\"{ width: imgWidth, height: imgHeight }\"\n :preview-teleported=\"true\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { pictureEmits, pictureProps } from './picture'\n\nconst COMPONENT_NAME = 'MPicture'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\ndefineProps(pictureProps)\ndefineEmits(pictureEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;uCAgBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"picture2.js","sources":["../../../../../../../packages/components/picture/src/picture.ts"],"sourcesContent":["import { buildProps } from '@m-eleplus-crud/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const pictureProps = buildProps({\n /**\n * @description 图片url资源\n */\n src: {\n type: String,\n required: true,\n },\n /**\n * @description 预览图片url资源集合\n */\n previewSrcList: {\n type: Array,\n required: true,\n },\n /**\n * @description 图片宽度\n */\n imgWidth: {\n type: String,\n default: '70px',\n },\n /**\n * @description 图片高度\n */\n imgHeight: {\n type: String,\n default: '70px',\n },\n} as const)\nexport type PictureProps = ExtractPropTypes<typeof pictureProps>\n\nexport const pictureEmits = {}\nexport type PictureEmits = typeof pictureEmits\n"],"names":["buildProps"],"mappings":";;;;;;AAIO,MAAM,eAAeA,kBAAW,CAAA;AAAA,EAIrC,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,KAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU,EAAA;AAGH,MAAM,eAAe;;;;;"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var qrcode$1 = require('./src/qrcode.js');
6
- var qrcode = require('./src/qrcode2.js');
5
+ var qrcode$1 = require('./src/qrcode2.js');
6
+ var qrcode = require('./src/qrcode.js');
7
7
  var install = require('../../utils/vue/install.js');
8
8
 
9
9
  const MQrcode = install.withInstall(qrcode$1["default"]);
@@ -2,74 +2,31 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var Qrcode$1 = require('qrcodejs2-fix');
7
- var qrcode = require('./qrcode2.js');
8
- var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
6
+ var shared = require('@vue/shared');
9
7
 
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var Qrcode__default = /*#__PURE__*/_interopDefaultLegacy(Qrcode$1);
13
-
14
- const COMPONENT_NAME = "MQrcode";
15
- const __default__ = vue.defineComponent({
16
- name: COMPONENT_NAME
17
- });
18
- const _sfc_main = vue.defineComponent({
19
- ...__default__,
20
- props: qrcode.qrcodeProps,
21
- emits: qrcode.qrcodeEmits,
22
- setup(__props, { emit: __emit }) {
23
- const props = __props;
24
- const emit = __emit;
25
- const qrcodeRef = vue.ref();
26
- const alignComputed = vue.computed(() => {
27
- if (!props.align || props.align === "left") {
28
- return "flex-start";
29
- }
30
- if (props.align === "right") {
31
- return "flex-end";
32
- }
33
- return "center";
34
- });
35
- vue.watch(
36
- () => props.text,
37
- (newVal) => {
38
- if (!newVal)
39
- return;
40
- setTimeout(() => {
41
- qrcodeRef.value.innerHTML = "";
42
- new Qrcode__default["default"](qrcodeRef.value, {
43
- text: newVal,
44
- width: props.qrcodeWidth,
45
- height: props.qrcodeHeight
46
- });
47
- const img = qrcodeRef.value.querySelector("img");
48
- img.onclick = () => {
49
- emit("click", newVal);
50
- };
51
- }, 0);
52
- },
53
- {
54
- immediate: true
55
- }
56
- );
57
- return (_ctx, _cache) => {
58
- return vue.openBlock(), vue.createElementBlock(
59
- "div",
60
- {
61
- ref_key: "qrcodeRef",
62
- ref: qrcodeRef,
63
- class: "m-qrcode-box",
64
- style: vue.normalizeStyle("justify-content: " + alignComputed.value)
65
- },
66
- null,
67
- 4
68
- );
69
- };
8
+ const qrcodeProps = runtime.buildProps({
9
+ text: {
10
+ type: String,
11
+ required: true
12
+ },
13
+ align: {
14
+ type: String,
15
+ default: "left"
16
+ },
17
+ qrcodeWidth: {
18
+ type: Number,
19
+ default: 70
20
+ },
21
+ qrcodeHeight: {
22
+ type: Number,
23
+ default: 70
70
24
  }
71
25
  });
72
- var Qrcode = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "qrcode.vue"]]);
26
+ const qrcodeEmits = {
27
+ click: (val) => shared.isString(val)
28
+ };
73
29
 
74
- exports["default"] = Qrcode;
30
+ exports.qrcodeEmits = qrcodeEmits;
31
+ exports.qrcodeProps = qrcodeProps;
75
32
  //# sourceMappingURL=qrcode.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"qrcode.js","sources":["../../../../../../../packages/components/qrcode/src/qrcode.vue"],"sourcesContent":["<template>\n <div\n ref=\"qrcodeRef\"\n class=\"m-qrcode-box\"\n :style=\"'justify-content: ' + alignComputed\"\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\n// @ts-ignore\nimport Qrcode from 'qrcodejs2-fix'\nimport { qrcodeEmits, qrcodeProps } from './qrcode'\n\nconst COMPONENT_NAME = 'MQrcode'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(qrcodeProps)\nconst emit = defineEmits(qrcodeEmits)\n\nconst qrcodeRef = ref<any>()\n\nconst alignComputed = computed(() => {\n if (!props.align || props.align === 'left') {\n return 'flex-start'\n }\n if (props.align === 'right') {\n return 'flex-end'\n }\n return 'center'\n})\n\nwatch(\n () => props.text as string,\n (newVal: string) => {\n if (!newVal) return\n setTimeout(() => {\n qrcodeRef.value.innerHTML = ''\n new Qrcode(qrcodeRef.value, {\n text: newVal,\n width: props.qrcodeWidth,\n height: props.qrcodeHeight,\n })\n const img = qrcodeRef.value.querySelector('img')\n img.onclick = () => {\n emit('click', newVal)\n }\n }, 0)\n },\n {\n immediate: true,\n }\n)\n</script>\n"],"names":["ref","computed","watch","Qrcode"],"mappings":";;;;;;;;;;;;;;uCAec,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,YAAYA,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;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"qrcode.js","sources":["../../../../../../../packages/components/qrcode/src/qrcode.ts"],"sourcesContent":["import { buildProps, isString } from '@m-eleplus-crud/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const qrcodeProps = buildProps({\n /**\n * @description 二维码内容\n */\n text: {\n type: String,\n required: true,\n },\n /**\n * @description 对齐方式\n */\n align: {\n type: String,\n default: 'left',\n },\n /**\n * @description qrcode宽度\n */\n qrcodeWidth: {\n type: Number,\n default: 70,\n },\n /**\n * @description qrcode高度\n */\n qrcodeHeight: {\n type: Number,\n default: 70,\n },\n} as const)\nexport type QrcodeProps = ExtractPropTypes<typeof qrcodeProps>\n\nexport const qrcodeEmits = {\n click: (val: string) => isString(val),\n}\nexport type QrcodeEmits = typeof qrcodeEmits\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;;;;;"}
@@ -2,31 +2,74 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
6
- var shared = require('@vue/shared');
5
+ var vue = require('vue');
6
+ var Qrcode$1 = require('qrcodejs2-fix');
7
+ var qrcode = require('./qrcode.js');
8
+ var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
7
9
 
8
- const qrcodeProps = runtime.buildProps({
9
- text: {
10
- type: String,
11
- required: true
12
- },
13
- align: {
14
- type: String,
15
- default: "left"
16
- },
17
- qrcodeWidth: {
18
- type: Number,
19
- default: 70
20
- },
21
- qrcodeHeight: {
22
- type: Number,
23
- default: 70
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var Qrcode__default = /*#__PURE__*/_interopDefaultLegacy(Qrcode$1);
13
+
14
+ const COMPONENT_NAME = "MQrcode";
15
+ const __default__ = vue.defineComponent({
16
+ name: COMPONENT_NAME
17
+ });
18
+ const _sfc_main = vue.defineComponent({
19
+ ...__default__,
20
+ props: qrcode.qrcodeProps,
21
+ emits: qrcode.qrcodeEmits,
22
+ setup(__props, { emit: __emit }) {
23
+ const props = __props;
24
+ const emit = __emit;
25
+ const qrcodeRef = vue.ref();
26
+ const alignComputed = vue.computed(() => {
27
+ if (!props.align || props.align === "left") {
28
+ return "flex-start";
29
+ }
30
+ if (props.align === "right") {
31
+ return "flex-end";
32
+ }
33
+ return "center";
34
+ });
35
+ vue.watch(
36
+ () => props.text,
37
+ (newVal) => {
38
+ if (!newVal)
39
+ return;
40
+ setTimeout(() => {
41
+ qrcodeRef.value.innerHTML = "";
42
+ new Qrcode__default["default"](qrcodeRef.value, {
43
+ text: newVal,
44
+ width: props.qrcodeWidth,
45
+ height: props.qrcodeHeight
46
+ });
47
+ const img = qrcodeRef.value.querySelector("img");
48
+ img.onclick = () => {
49
+ emit("click", newVal);
50
+ };
51
+ }, 0);
52
+ },
53
+ {
54
+ immediate: true
55
+ }
56
+ );
57
+ return (_ctx, _cache) => {
58
+ return vue.openBlock(), vue.createElementBlock(
59
+ "div",
60
+ {
61
+ ref_key: "qrcodeRef",
62
+ ref: qrcodeRef,
63
+ class: "m-qrcode-box",
64
+ style: vue.normalizeStyle("justify-content: " + alignComputed.value)
65
+ },
66
+ null,
67
+ 4
68
+ );
69
+ };
24
70
  }
25
71
  });
26
- const qrcodeEmits = {
27
- click: (val) => shared.isString(val)
28
- };
72
+ var Qrcode = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "qrcode.vue"]]);
29
73
 
30
- exports.qrcodeEmits = qrcodeEmits;
31
- exports.qrcodeProps = qrcodeProps;
74
+ exports["default"] = Qrcode;
32
75
  //# sourceMappingURL=qrcode2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"qrcode2.js","sources":["../../../../../../../packages/components/qrcode/src/qrcode.ts"],"sourcesContent":["import { buildProps, isString } from '@m-eleplus-crud/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const qrcodeProps = buildProps({\n /**\n * @description 二维码内容\n */\n text: {\n type: String,\n required: true,\n },\n /**\n * @description 对齐方式\n */\n align: {\n type: String,\n default: 'left',\n },\n /**\n * @description qrcode宽度\n */\n qrcodeWidth: {\n type: Number,\n default: 70,\n },\n /**\n * @description qrcode高度\n */\n qrcodeHeight: {\n type: Number,\n default: 70,\n },\n} as const)\nexport type QrcodeProps = ExtractPropTypes<typeof qrcodeProps>\n\nexport const qrcodeEmits = {\n click: (val: string) => isString(val),\n}\nexport type QrcodeEmits = typeof qrcodeEmits\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;;;;;"}
1
+ {"version":3,"file":"qrcode2.js","sources":["../../../../../../../packages/components/qrcode/src/qrcode.vue"],"sourcesContent":["<template>\n <div\n ref=\"qrcodeRef\"\n class=\"m-qrcode-box\"\n :style=\"'justify-content: ' + alignComputed\"\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\n// @ts-ignore\nimport Qrcode from 'qrcodejs2-fix'\nimport { qrcodeEmits, qrcodeProps } from './qrcode'\n\nconst COMPONENT_NAME = 'MQrcode'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(qrcodeProps)\nconst emit = defineEmits(qrcodeEmits)\n\nconst qrcodeRef = ref<any>()\n\nconst alignComputed = computed(() => {\n if (!props.align || props.align === 'left') {\n return 'flex-start'\n }\n if (props.align === 'right') {\n return 'flex-end'\n }\n return 'center'\n})\n\nwatch(\n () => props.text as string,\n (newVal: string) => {\n if (!newVal) return\n setTimeout(() => {\n qrcodeRef.value.innerHTML = ''\n new Qrcode(qrcodeRef.value, {\n text: newVal,\n width: props.qrcodeWidth,\n height: props.qrcodeHeight,\n })\n const img = qrcodeRef.value.querySelector('img')\n img.onclick = () => {\n emit('click', newVal)\n }\n }, 0)\n },\n {\n immediate: true,\n }\n)\n</script>\n"],"names":["ref","computed","watch","Qrcode"],"mappings":";;;;;;;;;;;;;;uCAec,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,YAAYA,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;;;;;;;;;;;;;;;;;;;;"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var table$1 = require('./src/table.js');
6
- var table = require('./src/table2.js');
5
+ var table$1 = require('./src/table2.js');
6
+ var table = require('./src/table.js');
7
7
  var install = require('../../utils/vue/install.js');
8
8
 
9
9
  const MTable = install.withInstall(table$1["default"]);