@ditari/bsui 5.1.19 → 5.1.22

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 (135) hide show
  1. package/dist/cjs/components/action-bar/ActionBar.vue.cjs +10 -0
  2. package/dist/cjs/components/action-bar/ActionBar.vue.cjs.map +1 -0
  3. package/dist/cjs/components/action-bar/ActionBar.vue.d.ts +48 -0
  4. package/dist/cjs/components/action-bar/ActionBar.vue2.cjs +114 -0
  5. package/dist/cjs/components/action-bar/ActionBar.vue2.cjs.map +1 -0
  6. package/dist/cjs/components/action-bar/index.cjs +16 -0
  7. package/dist/cjs/components/action-bar/index.cjs.map +1 -0
  8. package/dist/cjs/components/action-bar/index.d.ts +4 -0
  9. package/dist/cjs/components/card/Card.cjs +8 -2
  10. package/dist/cjs/components/card/Card.cjs.map +1 -1
  11. package/dist/cjs/components/card/style.cjs +4 -2
  12. package/dist/cjs/components/card/style.cjs.map +1 -1
  13. package/dist/cjs/components/desensitize/Desensitize.cjs +99 -0
  14. package/dist/cjs/components/desensitize/Desensitize.cjs.map +1 -0
  15. package/dist/cjs/components/desensitize/Desensitize.d.ts +60 -0
  16. package/dist/cjs/components/desensitize/index.cjs +15 -0
  17. package/dist/cjs/components/desensitize/index.cjs.map +1 -0
  18. package/dist/cjs/components/desensitize/index.d.ts +4 -0
  19. package/dist/cjs/components/desensitize/style.cjs +22 -0
  20. package/dist/cjs/components/desensitize/style.cjs.map +1 -0
  21. package/dist/cjs/components/desensitize/style.d.ts +6 -0
  22. package/dist/cjs/components/dic/DicReplace.cjs +2 -1
  23. package/dist/cjs/components/dic/DicReplace.cjs.map +1 -1
  24. package/dist/cjs/components/form/FormLayout.cjs +147 -23
  25. package/dist/cjs/components/form/FormLayout.cjs.map +1 -1
  26. package/dist/cjs/components/form/FormLayout.d.ts +61 -0
  27. package/dist/cjs/components/index.cjs +6 -0
  28. package/dist/cjs/components/index.cjs.map +1 -1
  29. package/dist/cjs/components/index.d.ts +2 -0
  30. package/dist/cjs/components/layout/AppContext.cjs.map +1 -1
  31. package/dist/cjs/components/layout/AppLayout.cjs.map +1 -1
  32. package/dist/cjs/components/layout/List.cjs.map +1 -1
  33. package/dist/cjs/components/layout/Show.cjs.map +1 -1
  34. package/dist/cjs/components/layout/components/layout/RouterContentName.vue2.cjs.map +1 -1
  35. package/dist/cjs/components/layout/components/mobile/MobileList.cjs.map +1 -1
  36. package/dist/cjs/components/layout/style.cjs.map +1 -1
  37. package/dist/cjs/components/select/Select.vue2.cjs +0 -3
  38. package/dist/cjs/components/select/Select.vue2.cjs.map +1 -1
  39. package/dist/cjs/components/table-form/TableForm.cjs.map +1 -1
  40. package/dist/cjs/components/table-form/TableFormItem.cjs.map +1 -1
  41. package/dist/cjs/components/table-form/index.cjs.map +1 -1
  42. package/dist/cjs/components/table-form/interface.cjs.map +1 -1
  43. package/dist/cjs/components/table-form/style.cjs.map +1 -1
  44. package/dist/cjs/components/tools-bar/ToolsBar.vue.cjs +10 -0
  45. package/dist/cjs/components/tools-bar/ToolsBar.vue.cjs.map +1 -0
  46. package/dist/cjs/components/tools-bar/ToolsBar.vue.d.ts +27 -0
  47. package/dist/cjs/components/tools-bar/ToolsBar.vue2.cjs +124 -0
  48. package/dist/cjs/components/tools-bar/ToolsBar.vue2.cjs.map +1 -0
  49. package/dist/cjs/components/tools-bar/index.cjs +16 -0
  50. package/dist/cjs/components/tools-bar/index.cjs.map +1 -0
  51. package/dist/cjs/components/tools-bar/index.d.ts +4 -0
  52. package/dist/cjs/hooks/useDesign.cjs.map +1 -1
  53. package/dist/cjs/index.cjs +4 -0
  54. package/dist/cjs/index.cjs.map +1 -1
  55. package/dist/cjs/utils/withInstall.cjs.map +1 -1
  56. package/dist/esm/components/action-bar/ActionBar.vue.d.ts +48 -0
  57. package/dist/esm/components/action-bar/ActionBar.vue.mjs +6 -0
  58. package/dist/esm/components/action-bar/ActionBar.vue.mjs.map +1 -0
  59. package/dist/esm/components/action-bar/ActionBar.vue2.mjs +110 -0
  60. package/dist/esm/components/action-bar/ActionBar.vue2.mjs.map +1 -0
  61. package/dist/esm/components/action-bar/index.d.ts +4 -0
  62. package/dist/esm/components/action-bar/index.mjs +11 -0
  63. package/dist/esm/components/action-bar/index.mjs.map +1 -0
  64. package/dist/esm/components/card/Card.mjs +8 -2
  65. package/dist/esm/components/card/Card.mjs.map +1 -1
  66. package/dist/esm/components/card/style.mjs +4 -2
  67. package/dist/esm/components/card/style.mjs.map +1 -1
  68. package/dist/esm/components/desensitize/Desensitize.d.ts +60 -0
  69. package/dist/esm/components/desensitize/Desensitize.mjs +97 -0
  70. package/dist/esm/components/desensitize/Desensitize.mjs.map +1 -0
  71. package/dist/esm/components/desensitize/index.d.ts +4 -0
  72. package/dist/esm/components/desensitize/index.mjs +10 -0
  73. package/dist/esm/components/desensitize/index.mjs.map +1 -0
  74. package/dist/esm/components/desensitize/style.d.ts +6 -0
  75. package/dist/esm/components/desensitize/style.mjs +20 -0
  76. package/dist/esm/components/desensitize/style.mjs.map +1 -0
  77. package/dist/esm/components/dic/DicReplace.mjs +2 -1
  78. package/dist/esm/components/dic/DicReplace.mjs.map +1 -1
  79. package/dist/esm/components/form/FormLayout.d.ts +61 -0
  80. package/dist/esm/components/form/FormLayout.mjs +149 -25
  81. package/dist/esm/components/form/FormLayout.mjs.map +1 -1
  82. package/dist/esm/components/index.d.ts +2 -0
  83. package/dist/esm/components/index.mjs +4 -0
  84. package/dist/esm/components/index.mjs.map +1 -1
  85. package/dist/esm/components/layout/AppContext.mjs.map +1 -1
  86. package/dist/esm/components/layout/AppLayout.mjs.map +1 -1
  87. package/dist/esm/components/layout/List.mjs.map +1 -1
  88. package/dist/esm/components/layout/Show.mjs.map +1 -1
  89. package/dist/esm/components/layout/components/layout/RouterContentName.vue2.mjs.map +1 -1
  90. package/dist/esm/components/layout/components/mobile/MobileList.mjs.map +1 -1
  91. package/dist/esm/components/layout/style.mjs.map +1 -1
  92. package/dist/esm/components/select/Select.vue2.mjs +0 -3
  93. package/dist/esm/components/select/Select.vue2.mjs.map +1 -1
  94. package/dist/esm/components/table-form/TableForm.mjs.map +1 -1
  95. package/dist/esm/components/table-form/TableFormItem.mjs.map +1 -1
  96. package/dist/esm/components/table-form/index.mjs.map +1 -1
  97. package/dist/esm/components/table-form/interface.mjs.map +1 -1
  98. package/dist/esm/components/table-form/style.mjs.map +1 -1
  99. package/dist/esm/components/tools-bar/ToolsBar.vue.d.ts +27 -0
  100. package/dist/esm/components/tools-bar/ToolsBar.vue.mjs +6 -0
  101. package/dist/esm/components/tools-bar/ToolsBar.vue.mjs.map +1 -0
  102. package/dist/esm/components/tools-bar/ToolsBar.vue2.mjs +120 -0
  103. package/dist/esm/components/tools-bar/ToolsBar.vue2.mjs.map +1 -0
  104. package/dist/esm/components/tools-bar/index.d.ts +4 -0
  105. package/dist/esm/components/tools-bar/index.mjs +11 -0
  106. package/dist/esm/components/tools-bar/index.mjs.map +1 -0
  107. package/dist/esm/hooks/useDesign.mjs.map +1 -1
  108. package/dist/esm/index.mjs +2 -0
  109. package/dist/esm/index.mjs.map +1 -1
  110. package/dist/esm/utils/withInstall.mjs.map +1 -1
  111. package/dist/types/components/action-bar/ActionBar.vue.d.ts +48 -0
  112. package/dist/types/components/action-bar/ActionBar.vue.d.ts.map +1 -0
  113. package/dist/types/components/action-bar/index.d.ts +4 -0
  114. package/dist/types/components/action-bar/index.d.ts.map +1 -0
  115. package/dist/types/components/card/Card.d.ts.map +1 -1
  116. package/dist/types/components/card/style.d.ts.map +1 -1
  117. package/dist/types/components/desensitize/Desensitize.d.ts +60 -0
  118. package/dist/types/components/desensitize/Desensitize.d.ts.map +1 -0
  119. package/dist/types/components/desensitize/index.d.ts +4 -0
  120. package/dist/types/components/desensitize/index.d.ts.map +1 -0
  121. package/dist/types/components/desensitize/style.d.ts +6 -0
  122. package/dist/types/components/desensitize/style.d.ts.map +1 -0
  123. package/dist/types/components/dic/DicReplace.d.ts.map +1 -1
  124. package/dist/types/components/form/FormLayout.d.ts +61 -0
  125. package/dist/types/components/form/FormLayout.d.ts.map +1 -1
  126. package/dist/types/components/index.d.ts +2 -0
  127. package/dist/types/components/index.d.ts.map +1 -1
  128. package/dist/types/components/layout/components/layout/RouterContentName.vue.d.ts.map +1 -1
  129. package/dist/types/components/tools-bar/ToolsBar.vue.d.ts +27 -0
  130. package/dist/types/components/tools-bar/ToolsBar.vue.d.ts.map +1 -0
  131. package/dist/types/components/tools-bar/index.d.ts +4 -0
  132. package/dist/types/components/tools-bar/index.d.ts.map +1 -0
  133. package/dist/types/index.d.ts.map +1 -1
  134. package/package.json +2 -2
  135. package/src/index.ts +1 -0
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var ActionBar_vue_vue_type_script_setup_true_lang = require('./ActionBar.vue2.cjs');
6
+
7
+ "use strict";
8
+
9
+ exports.default = ActionBar_vue_vue_type_script_setup_true_lang.default;
10
+ //# sourceMappingURL=ActionBar.vue.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionBar.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
@@ -0,0 +1,48 @@
1
+ import { isVNode, type VNode } from "vue";
2
+ interface ButtonItem {
3
+ title: string | VNode;
4
+ status?: boolean | ((record: {
5
+ [key: string]: unknown;
6
+ }) => boolean);
7
+ onClick?: (record: {
8
+ [key: string]: unknown;
9
+ }) => void;
10
+ onEvent?: (record: {
11
+ [key: string]: unknown;
12
+ }) => void;
13
+ }
14
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
+ buttonGroups: {
16
+ type: ArrayConstructor;
17
+ required: false;
18
+ };
19
+ actions: {
20
+ type: ArrayConstructor;
21
+ required: false;
22
+ };
23
+ record: {
24
+ type: ObjectConstructor;
25
+ required: true;
26
+ };
27
+ }>, {
28
+ props: any;
29
+ isShow: (item: ButtonItem) => boolean;
30
+ visibleButtons: import("vue").ComputedRef<ButtonItem[]>;
31
+ showDivider: (item: ButtonItem) => boolean;
32
+ isVNode: typeof isVNode;
33
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
34
+ buttonGroups: {
35
+ type: ArrayConstructor;
36
+ required: false;
37
+ };
38
+ actions: {
39
+ type: ArrayConstructor;
40
+ required: false;
41
+ };
42
+ record: {
43
+ type: ObjectConstructor;
44
+ required: true;
45
+ };
46
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
47
+ export default _default;
48
+ //# sourceMappingURL=ActionBar.vue.d.ts.map
@@ -0,0 +1,114 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+
7
+ "use strict";
8
+ var __defProp = Object.defineProperty;
9
+ var __defProps = Object.defineProperties;
10
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
11
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
12
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
13
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
14
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
15
+ var __spreadValues = (a, b) => {
16
+ for (var prop in b || (b = {}))
17
+ if (__hasOwnProp.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ if (__getOwnPropSymbols)
20
+ for (var prop of __getOwnPropSymbols(b)) {
21
+ if (__propIsEnum.call(b, prop))
22
+ __defNormalProp(a, prop, b[prop]);
23
+ }
24
+ return a;
25
+ };
26
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
27
+ const _hoisted_1 = ["onClick"];
28
+ var _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
29
+ name: "DActionBar"
30
+ }), {
31
+ __name: "ActionBar",
32
+ props: {
33
+ buttonGroups: { type: Array, required: false },
34
+ actions: { type: Array, required: false },
35
+ record: { type: Object, required: true }
36
+ },
37
+ setup(__props) {
38
+ const props = __props;
39
+ const isShow = (item) => {
40
+ var _a;
41
+ if (typeof item.status === "function") {
42
+ return item.status(props.record);
43
+ }
44
+ return (_a = item.status) != null ? _a : true;
45
+ };
46
+ const visibleButtons = vue.computed(() => {
47
+ const groups = props.actions || props.buttonGroups || [];
48
+ return groups.filter((item) => isShow(item));
49
+ });
50
+ const showDivider = (item) => {
51
+ if (!isShow(item)) {
52
+ return false;
53
+ }
54
+ const visibleIndex = visibleButtons.value.findIndex((v) => v.title === item.title);
55
+ return visibleIndex !== -1 && visibleIndex < visibleButtons.value.length - 1;
56
+ };
57
+ return (_ctx, _cache) => {
58
+ const _component_a_divider = vue.resolveComponent("a-divider");
59
+ return vue.openBlock(), vue.createElementBlock("div", {
60
+ onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
61
+ }, ["stop"]))
62
+ }, [
63
+ (vue.openBlock(true), vue.createElementBlock(
64
+ vue.Fragment,
65
+ null,
66
+ vue.renderList(__props.actions || __props.buttonGroups || [], (item, index) => {
67
+ return vue.openBlock(), vue.createElementBlock(
68
+ vue.Fragment,
69
+ { key: index },
70
+ [
71
+ isShow(item) ? (vue.openBlock(), vue.createElementBlock("a", {
72
+ key: 0,
73
+ onClick: vue.withModifiers(($event) => {
74
+ var _a;
75
+ return (_a = item.onClick || item.onEvent) == null ? void 0 : _a(__props.record);
76
+ }, ["stop"])
77
+ }, [
78
+ vue.isVNode(item.title) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.title), {
79
+ key: 0,
80
+ record: __props.record
81
+ }, null, 8, ["record"])) : (vue.openBlock(), vue.createElementBlock(
82
+ vue.Fragment,
83
+ { key: 1 },
84
+ [
85
+ vue.createTextVNode(
86
+ vue.toDisplayString(item.title),
87
+ 1
88
+ /* TEXT */
89
+ )
90
+ ],
91
+ 64
92
+ /* STABLE_FRAGMENT */
93
+ ))
94
+ ], 8, _hoisted_1)) : vue.createCommentVNode("v-if", true),
95
+ showDivider(item) ? (vue.openBlock(), vue.createBlock(_component_a_divider, {
96
+ key: 1,
97
+ type: "vertical",
98
+ style: { "border-color": "#3e7fff", "border-width": "2px" }
99
+ })) : vue.createCommentVNode("v-if", true)
100
+ ],
101
+ 64
102
+ /* STABLE_FRAGMENT */
103
+ );
104
+ }),
105
+ 128
106
+ /* KEYED_FRAGMENT */
107
+ ))
108
+ ]);
109
+ };
110
+ }
111
+ }));
112
+
113
+ exports.default = _sfc_main;
114
+ //# sourceMappingURL=ActionBar.vue2.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionBar.vue2.cjs","sources":["../../../../src/components/action-bar/ActionBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n import { computed, isVNode, type VNode } from \"vue\";\r\n\r\n defineOptions({\r\n name: \"DActionBar\"\r\n });\r\n\r\n interface ButtonItem {\r\n title: string | VNode;\r\n status?: boolean | ((record: { [key: string]: unknown }) => boolean);\r\n onClick?: (record: { [key: string]: unknown }) => void;\r\n onEvent?: (record: { [key: string]: unknown }) => void; // 别名,为了向后兼容\r\n }\r\n\r\n // 2. 普通的 Props 声明\r\n const props = defineProps({\n buttonGroups: { type: Array, required: false },\n actions: { type: Array, required: false },\n record: { type: Object, required: true }\n});\r\n\r\n /**\r\n * 判断按钮是否显示\r\n */\r\n const isShow = (item: ButtonItem): boolean => {\r\n if (typeof item.status === \"function\") {\r\n return item.status(props.record);\r\n }\r\n return item.status ?? true;\r\n };\r\n\r\n /**\r\n * 过滤出当前真正显示的按钮列表\r\n */\r\n const visibleButtons = computed(() => {\r\n const groups: ButtonItem[] = props.actions || props.buttonGroups || [];\r\n return groups.filter((item: ButtonItem) => isShow(item));\r\n });\r\n\r\n /**\r\n * 判断分隔线状态\r\n */\r\n const showDivider = (item: ButtonItem): boolean => {\r\n if (!isShow(item)) {\r\n return false;\r\n }\r\n\r\n // 逻辑保持不变:在可见列表里找自己\r\n const visibleIndex = visibleButtons.value.findIndex((v: ButtonItem) => v.title === item.title);\r\n return visibleIndex !== -1 && visibleIndex < visibleButtons.value.length - 1;\r\n };\r\n</script>\r\n\r\n<template>\r\n <div @click.stop>\r\n <template v-for=\"(item, index) in actions || buttonGroups || []\" :key=\"index\">\r\n <a v-if=\"isShow(item)\" @click.stop=\"(item.onClick || item.onEvent)?.(record)\">\r\n <template v-if=\"isVNode(item.title)\">\r\n <component :is=\"item.title\" :record=\"record\" />\r\n </template>\r\n <template v-else>\r\n {{ item.title }}\r\n </template>\r\n </a>\r\n <a-divider\r\n v-if=\"showDivider(item)\"\r\n type=\"vertical\"\r\n style=\"border-color: #3e7fff; border-width: 2px\"\r\n />\r\n </template>\r\n </div>\r\n</template>\r\n"],"names":["computed","_createElementBlock","_openBlock","_Fragment","_withModifiers","isVNode","_createBlock","_resolveDynamicComponent","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeE,IAAA,MAAM,KAAA,GAAQ,OAAA;AASd,IAAA,MAAM,MAAA,GAAS,CAAC,IAAA,KAA8B;;AAC5C,MAAA,IAAI,OAAO,IAAA,CAAK,MAAA,KAAW,UAAA,EAAY;AACrC,QAAA,OAAO,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,MAAM,CAAA;AAAA,MACjC;AACA,MAAA,OAAA,CAAO,EAAA,GAAA,IAAA,CAAK,WAAL,IAAA,GAAA,EAAA,GAAe,IAAA;AAAA,IACxB,CAAA;AAKA,IAAA,MAAM,cAAA,GAAiBA,aAAS,MAAM;AACpC,MAAA,MAAM,MAAA,GAAuB,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,gBAAgB,EAAC;AACrE,MAAA,OAAO,OAAO,MAAA,CAAO,CAAC,IAAA,KAAqB,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,IACzD,CAAC,CAAA;AAKD,IAAA,MAAM,WAAA,GAAc,CAAC,IAAA,KAA8B;AACjD,MAAA,IAAI,CAAC,MAAA,CAAO,IAAI,CAAA,EAAG;AACjB,QAAA,OAAO,KAAA;AAAA,MACT;AAGA,MAAA,MAAM,YAAA,GAAe,eAAe,KAAA,CAAM,SAAA,CAAU,CAAC,CAAA,KAAkB,CAAA,CAAE,KAAA,KAAU,IAAA,CAAK,KAAK,CAAA;AAC7F,MAAA,OAAO,YAAA,KAAiB,CAAA,CAAA,IAAM,YAAA,GAAe,cAAA,CAAe,MAAM,MAAA,GAAS,CAAA;AAAA,IAC7E,CAAA;;;8BAIAC,sBAAA,CAgBM,KAAA,EAAA;AAAA,QAhBA,OAAA,8CAAD,MAAA;AAAA,QAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA;AAAA;SACdC,aAAA,CAAA,IAAA,CAAA,EAAAD,sBAAA;AAAA,UAcWE,YAAA;AAAA;yBAduB,QAAA,OAAA,IAAW,OAAA,iBAAY,EAAA,EAAA,CAAvC,IAAA,EAAM,KAAA,KAAK;;;qBAA0C,KAAA,EAAK;AAAA,cAAA;AAAA,gBACjE,OAAO,IAAI,CAAA,qBAApBF,uBAOI,GAAA,EAAA;AAAA;kBAPoB,OAAA,EAAKG,iBAAA,CAAA,CAAA,MAAA,KAAA;;AAAQ,oBAAA,OAAA,CAAA,EAAA,GAAA,IAAA,CAAK,OAAA,IAAW,IAAA,CAAK,OAAA,KAArB,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAgC,OAAA,CAAA,MAAA,CAAA;AAAA,kBAAA,CAAA,EAAM,CAAA,MAAA,CAAA;AAAA;kBACzDC,WAAA,CAAQ,IAAA,CAAK,KAAK,CAAA,qBAChCC,eAAA,CAA+CC,2BAAA,CAA/B,IAAA,CAAK,KAAK,CAAA,EAAA;AAAA;oBAAG,QAAQ,OAAA,CAAA;AAAA,+DAEvCN,sBAAA;AAAA,oBAEWE,YAAA;AAAA,oBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,oBAAA;AAAA,sBADNK,mBAAA;AAAA,wBAAAC,mBAAA,CAAA,KAAK,KAAK,CAAA;AAAA,wBAAA;AAAA;AAAA;AAAA;;;;;gBAIT,YAAY,IAAI,CAAA,qBADxBH,gBAIE,oBAAA,EAAA;AAAA;kBAFA,IAAA,EAAK,UAAA;AAAA,kBACL,KAAA,EAAA,EAAA,cAAA,EAAA,SAAA,EAAA,gBAAA,KAAA;AAAA;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('./ActionBar.vue.cjs');
6
+ var ActionBar_vue_vue_type_script_setup_true_lang = require('./ActionBar.vue2.cjs');
7
+
8
+ "use strict";
9
+ ActionBar_vue_vue_type_script_setup_true_lang.default.install = function(app) {
10
+ app.component(ActionBar_vue_vue_type_script_setup_true_lang.default.name, ActionBar_vue_vue_type_script_setup_true_lang.default);
11
+ return app;
12
+ };
13
+
14
+ exports.ActionBar = ActionBar_vue_vue_type_script_setup_true_lang.default;
15
+ exports.default = ActionBar_vue_vue_type_script_setup_true_lang.default;
16
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../../../src/components/action-bar/index.ts"],"sourcesContent":["import ActionBar from \"./ActionBar.vue\";\r\nimport type { App } from \"vue\";\r\n\r\nActionBar.install = function (app: App) {\r\n app.component(ActionBar.name!, ActionBar);\r\n return app;\r\n};\r\n\r\nexport { ActionBar };\r\nexport default ActionBar;\r\n"],"names":["ActionBar"],"mappings":";;;;;;;;AAGAA,qDAAA,CAAU,OAAA,GAAU,SAAU,GAAA,EAAU;AACtC,EAAA,GAAA,CAAI,SAAA,CAAUA,qDAAA,CAAU,IAAA,EAAOA,qDAAS,CAAA;AACxC,EAAA,OAAO,GAAA;AACT,CAAA;;;;;"}
@@ -0,0 +1,4 @@
1
+ import ActionBar from "./ActionBar.vue";
2
+ export { ActionBar };
3
+ export default ActionBar;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -22,7 +22,9 @@ const _Card = /* @__PURE__ */ vue.defineComponent({
22
22
  return () => {
23
23
  var _a;
24
24
  const rootCls = getPrefixCls();
25
+ const headerWrapperCls = getPrefixCls("head-wrapper");
25
26
  const headerCls = getPrefixCls("head");
27
+ const headerExctraCls = getPrefixCls("extra");
26
28
  const iconCls = getPrefixCls("icon");
27
29
  const titleCls = getPrefixCls("title");
28
30
  const actionCls = getPrefixCls("action");
@@ -30,12 +32,16 @@ const _Card = /* @__PURE__ */ vue.defineComponent({
30
32
  return vue.createVNode("div", {
31
33
  "class": css.cx(rootCls, styles.container)
32
34
  }, [vue.createVNode("div", {
33
- "class": css.cx(headerCls, styles.header)
35
+ "class": css.cx(headerWrapperCls, styles.header)
36
+ }, [vue.createVNode("div", {
37
+ "class": css.cx(headerCls)
34
38
  }, [slots.icon && vue.createVNode("div", {
35
39
  "class": css.cx(iconCls, styles.icon)
36
40
  }, [slots.icon()]), vue.createVNode("div", {
37
41
  "class": css.cx(titleCls, styles.header_title)
38
- }, [props.title])]), slots.action && vue.createVNode("div", {
42
+ }, [props.title])]), slots.extra && vue.createVNode("div", {
43
+ "class": css.cx(headerExctraCls)
44
+ }, [slots.extra()])]), slots.action && vue.createVNode("div", {
39
45
  "class": css.cx(actionCls, styles.action)
40
46
  }, [slots.action()]), vue.createVNode("div", {
41
47
  "class": css.cx(bodyCls, styles.body)
@@ -1 +1 @@
1
- {"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["// components/card/index.tsx\nimport { defineComponent } from \"vue\";\n\nimport { cx } from \"@emotion/css\"; // 引入 cx\n\nimport { useDesign } from \"../../hooks/useDesign\"; // 引入我们刚才写的 hook\nimport { withInstall } from \"../../utils/withInstall\";\n\nimport { useStyle } from \"./style\";\n\nconst _Card = defineComponent({\n name: \"DCard\",\n props: {\n title: String\n },\n setup(props, { slots }) {\n // 初始化 Design Hook,传入组件名 'card'\n const { getPrefixCls } = useDesign(\"card\");\n\n // 初始化 Emotion 样式\n const styles = useStyle();\n\n return () => {\n // 生成语义化类名\n const rootCls = getPrefixCls();\n const headerCls = getPrefixCls(\"head\");\n const iconCls = getPrefixCls(\"icon\");\n const titleCls = getPrefixCls(\"title\");\n const actionCls = getPrefixCls(\"action\");\n const bodyCls = getPrefixCls(\"body\");\n\n return (\n <div class={cx(rootCls, styles.container)}>\n {/* Header 区域 */}\n <div class={cx(headerCls, styles.header)}>\n {slots.icon && (\n <div class={cx(iconCls, styles.icon)}>\n {slots.icon()}\n </div>\n )}\n <div class={cx(titleCls, styles.header_title)}>\n {props.title}\n </div>\n </div>\n {/*action*/}\n {slots.action && (\n <div class={cx(actionCls, styles.action)}>\n {slots.action()}\n </div>\n )}\n\n {/* Body 区域 */}\n <div class={cx(bodyCls, styles.body)}>\n {slots.default?.()}\n </div>\n </div>\n );\n };\n }\n});\n\nexport const Card = withInstall(_Card);\n"],"names":["_Card","defineComponent","name","props","title","String","setup","slots","getPrefixCls","useDesign","styles","useStyle","rootCls","headerCls","iconCls","titleCls","actionCls","bodyCls","_createVNode","cx","container","header","icon","header_title","action","body","default","Card","withInstall"],"mappings":";;;;;;;;;AAUA,MAAMA,wBAAQC,mBAAAA,CAAgB;AAAA,EAC5BC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO;AAAA,IACLC,KAAAA,EAAOC;AAAAA,GACT;AAAA,EACAC,MAAMH,KAAAA,EAAO;AAAA,IAAEI;AAAAA,GAAM,EAAG;AAEtB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAa,GAAIC,oBAAU,MAAM,CAAA;AAGzC,IAAA,MAAMC,SAASC,cAAAA,EAAS;AAExB,IAAA,OAAO,MAAM;AAtBjB,MAAA,IAAA,EAAA;AAwBM,MAAA,MAAMC,UAAUJ,YAAAA,EAAa;AAC7B,MAAA,MAAMK,SAAAA,GAAYL,aAAa,MAAM,CAAA;AACrC,MAAA,MAAMM,OAAAA,GAAUN,aAAa,MAAM,CAAA;AACnC,MAAA,MAAMO,QAAAA,GAAWP,aAAa,OAAO,CAAA;AACrC,MAAA,MAAMQ,SAAAA,GAAYR,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMS,OAAAA,GAAUT,aAAa,MAAM,CAAA;AAEnC,MAAA,OAAAU,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,MAAAA,CAAGP,OAAAA,EAASF,MAAAA,CAAOU,SAAS;AAAA,OAAC,EAAA,CAAAF,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAE3BC,MAAAA,CAAGN,SAAAA,EAAWH,MAAAA,CAAOW,MAAM;AAAA,OAAC,EAAA,CACrCd,KAAAA,CAAMe,IAAAA,IAAIJ,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACGC,MAAAA,CAAGL,OAAAA,EAASJ,MAAAA,CAAOY,IAAI;AAAA,OAAC,EAAA,CACjCf,KAAAA,CAAMe,IAAAA,EAAM,CAAA,CAAA,EAEhBJ,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACWC,MAAAA,CAAGJ,QAAAA,EAAUL,MAAAA,CAAOa,YAAY;AAAA,OAAC,EAAA,CAC1CpB,KAAAA,CAAMC,KAAK,CAAA,CAAA,CAAA,CAAA,EAIfG,KAAAA,CAAMiB,MAAAA,IAAMN,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACCC,MAAAA,CAAGH,SAAAA,EAAWN,MAAAA,CAAOc,MAAM;AAAA,OAAC,EAAA,CACrCjB,KAAAA,CAAMiB,MAAAA,EAAQ,CAAA,CAAA,EAElBN,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAGWC,MAAAA,CAAGF,OAAAA,EAASP,MAAAA,CAAOe,IAAI;AAAA,SAAC,CAAA,CACjClB,EAAAA,GAAAA,KAAAA,CAAMmB,YAANnB,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA;AAAA,IAI1B,CAAA;AAAA,EACF;AACF,CAAC,CAAA;AAEM,MAAMoB,IAAAA,GAAOC,wBAAY5B,KAAK;;;;"}
1
+ {"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["// components/card/index.tsx\r\nimport { defineComponent } from \"vue\";\r\n\r\nimport { cx } from \"@emotion/css\"; // 引入 cx\r\n\r\nimport { useDesign } from \"../../hooks/useDesign\"; // 引入我们刚才写的 hook\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nimport { useStyle } from \"./style\";\r\n\r\nconst _Card = defineComponent({\r\n name: \"DCard\",\r\n props: {\r\n title: String\r\n },\r\n setup(props, { slots }) {\r\n // 初始化 Design Hook,传入组件名 'card'\r\n const { getPrefixCls } = useDesign(\"card\");\r\n\r\n // 初始化 Emotion 样式\r\n const styles = useStyle();\r\n\r\n return () => {\r\n // 生成语义化类名\r\n const rootCls = getPrefixCls();\r\n const headerWrapperCls = getPrefixCls(\"head-wrapper\");\r\n const headerCls = getPrefixCls(\"head\");\r\n const headerExctraCls = getPrefixCls(\"extra\");\r\n const iconCls = getPrefixCls(\"icon\");\r\n const titleCls = getPrefixCls(\"title\");\r\n const actionCls = getPrefixCls(\"action\");\r\n const bodyCls = getPrefixCls(\"body\");\r\n\r\n return (\r\n <div class={cx(rootCls, styles.container)}>\r\n {/* Header 区域 */}\r\n <div class={cx(headerWrapperCls, styles.header)}>\r\n <div class={cx(headerCls)}>\r\n {slots.icon && (\r\n <div class={cx(iconCls, styles.icon)}>\r\n {slots.icon()}\r\n </div>\r\n )}\r\n <div class={cx(titleCls, styles.header_title)}>\r\n {props.title}\r\n </div>\r\n </div>\r\n {\r\n slots.extra && (\r\n <div class={cx(headerExctraCls)}>\r\n {slots.extra()}\r\n </div>\r\n )\r\n }\r\n </div>\r\n {/*action*/}\r\n {slots.action && (\r\n <div class={cx(actionCls, styles.action)}>\r\n {slots.action()}\r\n </div>\r\n )}\r\n\r\n {/* Body 区域 */}\r\n <div class={cx(bodyCls, styles.body)}>\r\n {slots.default?.()}\r\n </div>\r\n </div>\r\n );\r\n };\r\n }\r\n});\r\n\r\nexport const Card = withInstall(_Card);\r\n"],"names":["_Card","defineComponent","name","props","title","String","setup","slots","getPrefixCls","useDesign","styles","useStyle","rootCls","headerWrapperCls","headerCls","headerExctraCls","iconCls","titleCls","actionCls","bodyCls","_createVNode","cx","container","header","icon","header_title","extra","action","body","default","Card","withInstall"],"mappings":";;;;;;;;;AAUA,MAAMA,wBAAQC,mBAAAA,CAAgB;AAAA,EAC5BC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO;AAAA,IACLC,KAAAA,EAAOC;AAAAA,GACT;AAAA,EACAC,MAAMH,KAAAA,EAAO;AAAA,IAAEI;AAAAA,GAAM,EAAG;AAEtB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAa,GAAIC,oBAAU,MAAM,CAAA;AAGzC,IAAA,MAAMC,SAASC,cAAAA,EAAS;AAExB,IAAA,OAAO,MAAM;AAtBjB,MAAA,IAAA,EAAA;AAwBM,MAAA,MAAMC,UAAUJ,YAAAA,EAAa;AAC7B,MAAA,MAAMK,gBAAAA,GAAmBL,aAAa,cAAc,CAAA;AACpD,MAAA,MAAMM,SAAAA,GAAYN,aAAa,MAAM,CAAA;AACrC,MAAA,MAAMO,eAAAA,GAAkBP,aAAa,OAAO,CAAA;AAC5C,MAAA,MAAMQ,OAAAA,GAAUR,aAAa,MAAM,CAAA;AACnC,MAAA,MAAMS,QAAAA,GAAWT,aAAa,OAAO,CAAA;AACrC,MAAA,MAAMU,SAAAA,GAAYV,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMW,OAAAA,GAAUX,aAAa,MAAM,CAAA;AAEnC,MAAA,OAAAY,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,MAAAA,CAAGT,OAAAA,EAASF,MAAAA,CAAOY,SAAS;AAAA,OAAC,EAAA,CAAAF,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAE3BC,MAAAA,CAAGR,gBAAAA,EAAkBH,MAAAA,CAAOa,MAAM;AAAA,OAAC,EAAA,CAAAH,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACjCC,OAAGP,SAAS;AAAA,OAAC,EAAA,CACtBP,KAAAA,CAAMiB,IAAAA,IAAIJ,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACGC,MAAAA,CAAGL,OAAAA,EAASN,MAAAA,CAAOc,IAAI;AAAA,OAAC,EAAA,CACjCjB,KAAAA,CAAMiB,IAAAA,EAAM,CAAA,CAAA,EAEhBJ,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACWC,MAAAA,CAAGJ,QAAAA,EAAUP,MAAAA,CAAOe,YAAY;AAAA,OAAC,EAAA,CAC1CtB,KAAAA,CAAMC,KAAK,CAAA,CAAA,CAAA,CAAA,EAIdG,KAAAA,CAAMmB,KAAAA,IAAKN,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACGC,OAAGN,eAAe;AAAA,OAAC,EAAA,CAC5BR,KAAAA,CAAMmB,KAAAA,EAAO,CAAA,CAEjB,CAAA,CAAA,EAIJnB,KAAAA,CAAMoB,MAAAA,IAAMP,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACCC,MAAAA,CAAGH,SAAAA,EAAWR,MAAAA,CAAOiB,MAAM;AAAA,OAAC,EAAA,CACrCpB,KAAAA,CAAMoB,MAAAA,EAAQ,CAAA,CAAA,EAElBP,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAGWC,MAAAA,CAAGF,OAAAA,EAAST,MAAAA,CAAOkB,IAAI;AAAA,SAAC,CAAA,CACjCrB,EAAAA,GAAAA,KAAAA,CAAMsB,YAANtB,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA;AAAA,IAI1B,CAAA;AAAA,EACF;AACF,CAAC,CAAA;AAEM,MAAMuB,IAAAA,GAAOC,wBAAY/B,KAAK;;;;"}
@@ -12,7 +12,9 @@ const useStyle = () => {
12
12
  `,
13
13
  header: css.css`
14
14
  display: flex;
15
- margin-bottom: 20px;
15
+ padding: 4px;
16
+ align-items: center;
17
+ justify-content: space-between;
16
18
  `,
17
19
  header_title: css.css`
18
20
  line-height: 1.5;
@@ -27,7 +29,7 @@ const useStyle = () => {
27
29
  flex-shrink: 0; /* 防止标题过长时挤压图标 */
28
30
  `,
29
31
  action: css.css`
30
- margin-bottom: 10px;
32
+ padding: 4px;
31
33
  `,
32
34
  body: css.css`
33
35
  display: flex;
@@ -1 +1 @@
1
- {"version":3,"file":"style.cjs","sources":["../../../../src/components/card/style.ts"],"sourcesContent":["import { css } from \"@emotion/css\";\n\nexport const useStyle = () => {\n return {\n container: css`\n display: flex;\n flex-direction: column;\n background-color: #fff;\n `,\n header: css`\n display: flex;\n margin-bottom: 20px;\n `,\n header_title: css`\n line-height: 1.5;\n /* 如果标题过长,防止换行破坏布局,可以加这行 */\n white-space: nowrap;\n `,\n // 可选:如果你需要对 icon 容器做特殊处理(例如防止图标被压缩)\n icon: css`\n margin-right: 10px;\n display: inline-flex;\n align-items: center;\n flex-shrink: 0; /* 防止标题过长时挤压图标 */\n `,\n action: css`\n margin-bottom: 10px;\n `,\n body: css`\n display: flex;\n flex-direction: column;\n `\n };\n};\n"],"names":["css"],"mappings":";;;;;AAEO,MAAM,WAAW,MAAM;AAC5B,EAAA,OAAO;AAAA,IACL,SAAA,EAAWA,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAKX,MAAA,EAAQA,OAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAIR,YAAA,EAAcA,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA;AAAA,IAMd,IAAA,EAAMA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAMN,MAAA,EAAQA,OAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAGR,IAAA,EAAMA,OAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GAIR;AACF;;;;"}
1
+ {"version":3,"file":"style.cjs","sources":["../../../../src/components/card/style.ts"],"sourcesContent":["import { css } from \"@emotion/css\";\r\n\r\nexport const useStyle = () => {\r\n return {\r\n container: css`\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #fff;\r\n `,\r\n header: css`\r\n display: flex;\r\n padding: 4px;\r\n align-items: center;\r\n justify-content: space-between;\r\n `,\r\n header_title: css`\r\n line-height: 1.5;\r\n /* 如果标题过长,防止换行破坏布局,可以加这行 */\r\n white-space: nowrap;\r\n `,\r\n // 可选:如果你需要对 icon 容器做特殊处理(例如防止图标被压缩)\r\n icon: css`\r\n margin-right: 10px;\r\n display: inline-flex;\r\n align-items: center;\r\n flex-shrink: 0; /* 防止标题过长时挤压图标 */\r\n `,\r\n action: css`\r\n padding: 4px;\r\n `,\r\n body: css`\r\n display: flex;\r\n flex-direction: column;\r\n `\r\n };\r\n};\r\n"],"names":["css"],"mappings":";;;;;AAEO,MAAM,WAAW,MAAM;AAC5B,EAAA,OAAO;AAAA,IACL,SAAA,EAAWA,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAKX,MAAA,EAAQA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAMR,YAAA,EAAcA,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA;AAAA,IAMd,IAAA,EAAMA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAMN,MAAA,EAAQA,OAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAGR,IAAA,EAAMA,OAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GAIR;AACF;;;;"}
@@ -0,0 +1,99 @@
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+ var iconsVue = require('@ant-design/icons-vue');
5
+ var css = require('@emotion/css');
6
+ var useDesign = require('../../hooks/useDesign.cjs');
7
+ var withInstall = require('../../utils/withInstall.cjs');
8
+ var style = require('./style.cjs');
9
+
10
+ "use strict";
11
+ const _Desensitize = /* @__PURE__ */ vue.defineComponent({
12
+ name: "DDesensitize",
13
+ components: {
14
+ EyeOutlined: iconsVue.EyeOutlined,
15
+ EyeInvisibleOutlined: iconsVue.EyeInvisibleOutlined
16
+ },
17
+ props: {
18
+ value: {
19
+ // type: [string,number] 可以使用PropType 来声明对象类型
20
+ // type: String as () => string | number,
21
+ type: String,
22
+ required: true
23
+ },
24
+ // 替换样式
25
+ style: {
26
+ type: String,
27
+ default: "*"
28
+ },
29
+ // 替换规则 id 和mobile
30
+ rule: {
31
+ type: String,
32
+ required: true
33
+ },
34
+ // 正则表达式
35
+ regex: {
36
+ type: String,
37
+ default: ""
38
+ },
39
+ // 替换方式
40
+ regexValue: {
41
+ type: String,
42
+ default: ""
43
+ },
44
+ eye: {
45
+ type: Boolean,
46
+ default: false
47
+ }
48
+ },
49
+ setup(props) {
50
+ const {
51
+ getPrefixCls
52
+ } = useDesign.useDesign("desensitize");
53
+ const styles = style.useStyle();
54
+ const invisible = vue.ref(true);
55
+ const desensitizedString = vue.computed(() => {
56
+ const value = props.value;
57
+ const rule = props.rule;
58
+ const regex = props.regex;
59
+ const regexValue = props.regexValue;
60
+ let str = "";
61
+ if (!value) {
62
+ return "";
63
+ }
64
+ if (rule) {
65
+ switch (rule) {
66
+ case "mobile":
67
+ str = value.replace(/(\d{3})\d{4}(\d{4})/, "$1*****$2");
68
+ break;
69
+ case "id":
70
+ str = value.replace(/(\d{4})\d{10}(\w{4})/, "$1*****$2");
71
+ break;
72
+ }
73
+ } else {
74
+ str = value.replace(regex, regexValue);
75
+ }
76
+ return str;
77
+ });
78
+ return () => {
79
+ const rootCls = getPrefixCls();
80
+ const valueCls = getPrefixCls("value");
81
+ const iconCls = getPrefixCls("icon");
82
+ return vue.createVNode("div", {
83
+ "class": css.cx(rootCls, styles.container)
84
+ }, [vue.createVNode("span", {
85
+ "class": css.cx(valueCls, styles.value)
86
+ }, [invisible.value ? desensitizedString.value : props.value]), props.eye ? vue.createVNode("span", {
87
+ "class": css.cx(iconCls, styles.icon)
88
+ }, [vue.withDirectives(vue.createVNode(vue.resolveComponent("eye-outlined"), {
89
+ "onClick": () => invisible.value = !invisible.value
90
+ }, null), [[vue.vShow, !invisible.value]]), vue.withDirectives(vue.createVNode(vue.resolveComponent("eye-invisible-outlined"), {
91
+ "onClick": () => invisible.value = !invisible.value
92
+ }, null), [[vue.vShow, invisible.value]])]) : void 0]);
93
+ };
94
+ }
95
+ });
96
+ const Desensitize = withInstall.withInstall(_Desensitize);
97
+
98
+ exports.Desensitize = Desensitize;
99
+ //# sourceMappingURL=Desensitize.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Desensitize.cjs","sources":["../../../../src/components/desensitize/Desensitize.tsx"],"sourcesContent":["/**\r\n * 脱敏\r\n * @author 余春林\r\n */\r\nimport { defineComponent, computed, ref } from \"vue\";\r\nimport { EyeOutlined, EyeInvisibleOutlined } from \"@ant-design/icons-vue\";\r\nimport { cx } from \"@emotion/css\";\r\n\r\nimport { useDesign } from \"../../hooks/useDesign\";\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nimport { useStyle } from \"./style\";\r\n\r\nconst _Desensitize = defineComponent({\r\n name: \"DDesensitize\",\r\n components: {\r\n EyeOutlined,\r\n EyeInvisibleOutlined\r\n },\r\n props: {\r\n value: {\r\n // type: [string,number] 可以使用PropType 来声明对象类型\r\n // type: String as () => string | number,\r\n type: String as () => string | undefined,\r\n required: true\r\n },\r\n // 替换样式\r\n style: {\r\n type: String,\r\n default: \"*\"\r\n },\r\n // 替换规则 id 和mobile\r\n rule: {\r\n type: String,\r\n required: true\r\n },\r\n // 正则表达式\r\n regex: {\r\n type: String,\r\n default: \"\"\r\n },\r\n // 替换方式\r\n regexValue: {\r\n type: String,\r\n default: \"\"\r\n },\r\n eye: {\r\n type: Boolean,\r\n default: false\r\n }\r\n },\r\n setup(props) {\r\n const { getPrefixCls } = useDesign(\"desensitize\");\r\n const styles = useStyle();\r\n\r\n // 控制显示隐藏脱敏或者不脱敏\r\n const invisible = ref(true);\r\n const desensitizedString = computed(() => {\r\n const value = props.value;\r\n const rule = props.rule;\r\n const regex = props.regex;\r\n const regexValue = props.regexValue;\r\n let str = \"\";\r\n if (!value) {\r\n return \"\";\r\n }\r\n if (rule) {\r\n switch (rule) {\r\n case \"mobile\":\r\n str = value.replace(/(\\d{3})\\d{4}(\\d{4})/, \"$1*****$2\");\r\n break;\r\n case \"id\":\r\n str = value.replace(/(\\d{4})\\d{10}(\\w{4})/, \"$1*****$2\");\r\n break;\r\n }\r\n } else {\r\n str = value.replace(regex, regexValue);\r\n }\r\n return str;\r\n });\r\n return () => {\r\n const rootCls = getPrefixCls();\r\n const valueCls = getPrefixCls(\"value\");\r\n const iconCls = getPrefixCls(\"icon\");\r\n\r\n return (\r\n <div class={cx(rootCls, styles.container)}>\r\n <span class={cx(valueCls, styles.value)}>\r\n {invisible.value ? desensitizedString.value : props.value}\r\n </span>\r\n {props.eye ? (\r\n <span class={cx(iconCls, styles.icon)}>\r\n <eye-outlined\r\n onClick={() => (invisible.value = !invisible.value)}\r\n v-show={!invisible.value}\r\n />\r\n <eye-invisible-outlined\r\n onClick={() => (invisible.value = !invisible.value)}\r\n v-show={invisible.value}\r\n />\r\n </span>\r\n ) : undefined}\r\n </div>\r\n );\r\n };\r\n }\r\n});\r\n\r\nexport const Desensitize = withInstall(_Desensitize);\r\n"],"names":["_Desensitize","defineComponent","name","components","EyeOutlined","EyeInvisibleOutlined","props","value","type","String","required","style","default","rule","regex","regexValue","eye","Boolean","setup","getPrefixCls","useDesign","styles","useStyle","invisible","ref","desensitizedString","computed","str","replace","rootCls","valueCls","iconCls","_createVNode","cx","container","icon","_withDirectives","_resolveComponent","onClick","_vShow","undefined","Desensitize","withInstall"],"mappings":"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"}
@@ -0,0 +1,60 @@
1
+ export declare const Desensitize: import("../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
+ value: {
3
+ type: () => string | undefined;
4
+ required: true;
5
+ };
6
+ style: {
7
+ type: StringConstructor;
8
+ default: string;
9
+ };
10
+ rule: {
11
+ type: StringConstructor;
12
+ required: true;
13
+ };
14
+ regex: {
15
+ type: StringConstructor;
16
+ default: string;
17
+ };
18
+ regexValue: {
19
+ type: StringConstructor;
20
+ default: string;
21
+ };
22
+ eye: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
27
+ value: {
28
+ type: () => string | undefined;
29
+ required: true;
30
+ };
31
+ style: {
32
+ type: StringConstructor;
33
+ default: string;
34
+ };
35
+ rule: {
36
+ type: StringConstructor;
37
+ required: true;
38
+ };
39
+ regex: {
40
+ type: StringConstructor;
41
+ default: string;
42
+ };
43
+ regexValue: {
44
+ type: StringConstructor;
45
+ default: string;
46
+ };
47
+ eye: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
51
+ }>> & Readonly<{}>, {
52
+ style: string;
53
+ regex: string;
54
+ regexValue: string;
55
+ eye: boolean;
56
+ }, {}, {
57
+ EyeOutlined: import("@ant-design/icons-vue/lib/icons/EyeOutlined").EyeOutlinedIconType;
58
+ EyeInvisibleOutlined: import("@ant-design/icons-vue/lib/icons/EyeInvisibleOutlined").EyeInvisibleOutlinedIconType;
59
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
60
+ //# sourceMappingURL=Desensitize.d.ts.map
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var Desensitize = require('./Desensitize.cjs');
6
+
7
+ "use strict";
8
+ Desensitize.Desensitize.install = function(app) {
9
+ app.component(Desensitize.Desensitize.name, Desensitize.Desensitize);
10
+ return app;
11
+ };
12
+
13
+ exports.Desensitize = Desensitize.Desensitize;
14
+ exports.default = Desensitize.Desensitize;
15
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../../../src/components/desensitize/index.ts"],"sourcesContent":["import type { App } from \"vue\";\r\nimport { Desensitize } from \"./Desensitize\";\r\n\r\nDesensitize.install = function (app: App) {\r\n app.component(Desensitize.name!, Desensitize);\r\n return app;\r\n};\r\n\r\nexport { Desensitize };\r\n\r\nexport default Desensitize;\r\n"],"names":["Desensitize"],"mappings":";;;;;;;AAGAA,uBAAA,CAAY,OAAA,GAAU,SAAU,GAAA,EAAU;AACxC,EAAA,GAAA,CAAI,SAAA,CAAUA,uBAAA,CAAY,IAAA,EAAOA,uBAAW,CAAA;AAC5C,EAAA,OAAO,GAAA;AACT,CAAA;;;;;"}
@@ -0,0 +1,4 @@
1
+ import { Desensitize } from "./Desensitize";
2
+ export { Desensitize };
3
+ export default Desensitize;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ var css = require('@emotion/css');
4
+
5
+ "use strict";
6
+ const useStyle = () => {
7
+ return {
8
+ container: css.css`
9
+ display: inline-block;
10
+ `,
11
+ value: css.css`
12
+ padding: 0 4px;
13
+ `,
14
+ icon: css.css`
15
+ cursor: pointer;
16
+ margin-left: 4px;
17
+ `
18
+ };
19
+ };
20
+
21
+ exports.useStyle = useStyle;
22
+ //# sourceMappingURL=style.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.cjs","sources":["../../../../src/components/desensitize/style.ts"],"sourcesContent":["import { css } from \"@emotion/css\";\r\n\r\nexport const useStyle = () => {\r\n return {\r\n container: css`\r\n display: inline-block;\r\n `,\r\n value: css`\r\n padding: 0 4px;\r\n `,\r\n icon: css`\r\n cursor: pointer;\r\n margin-left: 4px;\r\n `\r\n };\r\n};\r\n"],"names":["css"],"mappings":";;;;;AAEO,MAAM,WAAW,MAAM;AAC5B,EAAA,OAAO;AAAA,IACL,SAAA,EAAWA,OAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAGX,KAAA,EAAOA,OAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAGP,IAAA,EAAMA,OAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GAIR;AACF;;;;"}
@@ -0,0 +1,6 @@
1
+ export declare const useStyle: () => {
2
+ container: string;
3
+ value: string;
4
+ icon: string;
5
+ };
6
+ //# sourceMappingURL=style.d.ts.map
@@ -76,7 +76,8 @@ var DicReplace = /* @__PURE__ */ vue.defineComponent({
76
76
  }
77
77
  });
78
78
  }
79
- loadDicData().then(() => console.log("success load dic"));
79
+ loadDicData().then(() => {
80
+ });
80
81
  vue.watch(() => props.value, (val) => {
81
82
  replace(val);
82
83
  }, {
@@ -1 +1 @@
1
- {"version":3,"file":"DicReplace.cjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\n * 字典替换\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\n * @author 余春林\n */\nimport {\n defineComponent,\n inject,\n onActivated,\n onMounted,\n ref,\n watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useDicStore, useNavTabStore } from \"@ditari/store\";\n\nexport default defineComponent({\n name: \"DicRep\",\n props: {\n // 字典名称\n name: {\n type: String,\n default: \"\"\n },\n // 值\n value: {\n type: [String, Number],\n default: \"\"\n }\n },\n setup(props) {\n const { list } = storeToRefs(useNavTabStore());\n const { getDicTextByValue } = useDicStore();\n const route = useRoute();\n // 判断使用组件的页面是否被缓存\n const isKeepAlive = list.value.some(\n item =>\n item.fullPath === route.fullPath &&\n item.meta?.keepAlive\n );\n const dicValueTxt = ref<string>(\"\");\n\n // 注入 fetchDic,提供默认值\n const fetchDic = inject<\n (name: string) => Promise<unknown[]>\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n >(\"fetchDic\", async (_name: string) => {\n // console.warn(\n // `fetchDic 未注入,使用默认实现,name: ${name}`\n // );\n return [];\n });\n\n onActivated(async () => {\n // 缓存页面被激活的时候调用\n await loadDicData();\n });\n\n onMounted(async () => {\n if (!isKeepAlive) {\n // 未缓存页面 挂载的时候调用\n await loadDicData();\n }\n });\n\n // 请求字典数据的函数\n async function loadDicData() {\n try {\n // 调用注入进来的fetchDic方法\n await fetchDic(props.name);\n replace(props.value);\n } catch (error) {\n console.error(\"获取字典数据失败:\", error);\n }\n }\n\n loadDicData().then(() =>\n console.log(\"success load dic\")\n );\n\n watch(\n () => props.value,\n (val: string | number) => {\n replace(val);\n },\n {\n immediate: true\n }\n );\n\n function replace(val: string | number) {\n const value = val;\n const name = props.name;\n dicValueTxt.value = getDicTextByValue(\n name,\n value?.toString()\n );\n }\n\n return () => (\n <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n );\n }\n});\n"],"names":["name","props","type","String","default","value","Number","setup","list","storeToRefs","useNavTabStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","item","fullPath","meta","keepAlive","dicValueTxt","ref","fetchDic","inject","_name","onActivated","loadDicData","onMounted","replace","error","console","then","log","watch","val","immediate","toString","_createVNode"],"mappings":"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"}
1
+ {"version":3,"file":"DicReplace.cjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\r\n * 字典替换\r\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\r\n * @author 余春林\r\n */\r\nimport {\r\n defineComponent,\r\n inject,\r\n onActivated,\r\n onMounted,\r\n ref,\r\n watch\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useDicStore, useNavTabStore } from \"@ditari/store\";\r\n\r\nexport default defineComponent({\r\n name: \"DicRep\",\r\n props: {\r\n // 字典名称\r\n name: {\r\n type: String,\r\n default: \"\"\r\n },\r\n // 值\r\n value: {\r\n type: [String, Number],\r\n default: \"\"\r\n }\r\n },\r\n setup(props) {\r\n const { list } = storeToRefs(useNavTabStore());\r\n const { getDicTextByValue } = useDicStore();\r\n const route = useRoute();\r\n // 判断使用组件的页面是否被缓存\r\n const isKeepAlive = list.value.some(\r\n item =>\r\n item.fullPath === route.fullPath &&\r\n item.meta?.keepAlive\r\n );\r\n const dicValueTxt = ref<string>(\"\");\r\n\r\n // 注入 fetchDic,提供默认值\r\n const fetchDic = inject<\r\n (name: string) => Promise<unknown[]>\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n >(\"fetchDic\", async (_name: string) => {\r\n // console.warn(\r\n // `fetchDic 未注入,使用默认实现,name: ${name}`\r\n // );\r\n return [];\r\n });\r\n\r\n onActivated(async () => {\r\n // 缓存页面被激活的时候调用\r\n await loadDicData();\r\n });\r\n\r\n onMounted(async () => {\r\n if (!isKeepAlive) {\r\n // 未缓存页面 挂载的时候调用\r\n await loadDicData();\r\n }\r\n });\r\n\r\n // 请求字典数据的函数\r\n async function loadDicData() {\r\n try {\r\n // 调用注入进来的fetchDic方法\r\n await fetchDic(props.name);\r\n replace(props.value);\r\n } catch (error) {\r\n console.error(\"获取字典数据失败:\", error);\r\n }\r\n }\r\n\r\n loadDicData().then(() =>{\r\n // console.log(\"success load dic\")\r\n }\r\n );\r\n\r\n watch(\r\n () => props.value,\r\n (val: string | number) => {\r\n replace(val);\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n function replace(val: string | number) {\r\n const value = val;\r\n const name = props.name;\r\n dicValueTxt.value = getDicTextByValue(\r\n name,\r\n value?.toString()\r\n );\r\n }\r\n\r\n return () => (\r\n <span class={\"d-dic\"}>{dicValueTxt.value}</span>\r\n );\r\n }\r\n});\r\n"],"names":["name","props","type","String","default","value","Number","setup","list","storeToRefs","useNavTabStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","item","fullPath","meta","keepAlive","dicValueTxt","ref","fetchDic","inject","_name","onActivated","loadDicData","onMounted","replace","error","console","then","watch","val","immediate","toString","_createVNode"],"mappings":"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"}