ylwl-cpscoms 1.0.0

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 (80) hide show
  1. package/README.md +15 -0
  2. package/es/SlAlert/index.vue.js +58 -0
  3. package/es/SlAlert/index.vue2.js +37 -0
  4. package/es/SlAlert/index.vue3.js +6 -0
  5. package/es/SlDescriptions/index.vue.js +55 -0
  6. package/es/SlDescriptions/index.vue2.js +57 -0
  7. package/es/SlDescriptions/index.vue3.js +6 -0
  8. package/es/SlDescriptions/renderOptions.vue.js +25 -0
  9. package/es/SlDescriptions/renderOptions.vue2.js +31 -0
  10. package/es/SlDialog/dialogPlus.js +159 -0
  11. package/es/SlDialog/index.js +202 -0
  12. package/es/SlDrawer/index.js +54 -0
  13. package/es/SlForm/index.vue.js +26 -0
  14. package/es/SlForm/index.vue2.js +433 -0
  15. package/es/SlForm/index.vue3.js +6 -0
  16. package/es/SlForm/mixinRender.js +239 -0
  17. package/es/SlForm/otherItem/titleItem.vue.js +39 -0
  18. package/es/SlForm/otherItem/titleItem.vue2.js +20 -0
  19. package/es/SlForm/otherItem/titleItem.vue3.js +6 -0
  20. package/es/SlGuide/index.vue.js +38 -0
  21. package/es/SlGuide/index.vue2.js +133 -0
  22. package/es/SlGuide/index.vue3.js +6 -0
  23. package/es/SlGuide/index.vue4.js +6 -0
  24. package/es/SlMessageBox/index.js +46 -0
  25. package/es/SlPage/index.vue.js +147 -0
  26. package/es/SlPage/index.vue2.js +312 -0
  27. package/es/SlPage/index.vue3.js +6 -0
  28. package/es/SlTable/components/colSetting.vue.js +94 -0
  29. package/es/SlTable/components/colSetting.vue2.js +66 -0
  30. package/es/SlTable/components/colSetting.vue3.js +6 -0
  31. package/es/SlTable/index.vue.js +171 -0
  32. package/es/SlTable/index.vue2.js +390 -0
  33. package/es/SlTable/index.vue3.js +6 -0
  34. package/es/SlTitle/index.vue.js +41 -0
  35. package/es/SlTitle/index.vue2.js +26 -0
  36. package/es/SlTitle/index.vue3.js +6 -0
  37. package/es/_virtual/_rollupPluginBabelHelpers.js +247 -0
  38. package/es/index.js +41 -0
  39. package/es/node_modules/shepherd.js/dist/css/shepherd.css.js +7 -0
  40. package/es/node_modules/style-inject/dist/style-inject.es.js +28 -0
  41. package/es/node_modules/vue-runtime-helpers/dist/normalize-component.js +76 -0
  42. package/es/utils/index.js +51 -0
  43. package/package.json +106 -0
  44. package/src/SlAlert/SlAlert.stories.js +108 -0
  45. package/src/SlAlert/index.vue +54 -0
  46. package/src/SlAlert/remark.md +16 -0
  47. package/src/SlDescriptions/SlDescriptions.stories.js +119 -0
  48. package/src/SlDescriptions/index.vue +60 -0
  49. package/src/SlDescriptions/renderOptions.vue +27 -0
  50. package/src/SlDialog/README-PLUS.md +74 -0
  51. package/src/SlDialog/README.md +114 -0
  52. package/src/SlDialog/dialogPlus.js +160 -0
  53. package/src/SlDialog/index.js +170 -0
  54. package/src/SlDrawer/SlDrawer.stories.js +154 -0
  55. package/src/SlDrawer/index.js +62 -0
  56. package/src/SlForm/SlForm.stories.js +120 -0
  57. package/src/SlForm/index.css +141 -0
  58. package/src/SlForm/index.vue +365 -0
  59. package/src/SlForm/mixinRender.js +228 -0
  60. package/src/SlForm/otherItem/titleItem.vue +31 -0
  61. package/src/SlForm/remark.md +607 -0
  62. package/src/SlGuide/SlGuide.stories.js +100 -0
  63. package/src/SlGuide/index.vue +166 -0
  64. package/src/SlGuide/remark.md +90 -0
  65. package/src/SlMessageBox/index.js +35 -0
  66. package/src/SlPage/README.md +515 -0
  67. package/src/SlPage/SlPage.stories.js +125 -0
  68. package/src/SlPage/index.css +38 -0
  69. package/src/SlPage/index.vue +266 -0
  70. package/src/SlPage/remark.md +283 -0
  71. package/src/SlTable/SlTable.stories.js +118 -0
  72. package/src/SlTable/components/colSetting.vue +86 -0
  73. package/src/SlTable/index.vue +541 -0
  74. package/src/SlTitle/SlTitle.stories.js +98 -0
  75. package/src/SlTitle/index.vue +49 -0
  76. package/src/global.css +5 -0
  77. package/src/index.js +47 -0
  78. package/src/store/index.js +20 -0
  79. package/src/utils/index.js +47 -0
  80. package/src/utils/tableConfig.js +33 -0
@@ -0,0 +1,247 @@
1
+ function _arrayLikeToArray(r, a) {
2
+ (null == a || a > r.length) && (a = r.length);
3
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
4
+ return n;
5
+ }
6
+ function _arrayWithHoles(r) {
7
+ if (Array.isArray(r)) return r;
8
+ }
9
+ function _arrayWithoutHoles(r) {
10
+ if (Array.isArray(r)) return _arrayLikeToArray(r);
11
+ }
12
+ function asyncGeneratorStep(n, t, e, r, o, a, c) {
13
+ try {
14
+ var i = n[a](c),
15
+ u = i.value;
16
+ } catch (n) {
17
+ return void e(n);
18
+ }
19
+ i.done ? t(u) : Promise.resolve(u).then(r, o);
20
+ }
21
+ function _asyncToGenerator(n) {
22
+ return function () {
23
+ var t = this,
24
+ e = arguments;
25
+ return new Promise(function (r, o) {
26
+ var a = n.apply(t, e);
27
+ function _next(n) {
28
+ asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
29
+ }
30
+ function _throw(n) {
31
+ asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
32
+ }
33
+ _next(void 0);
34
+ });
35
+ };
36
+ }
37
+ function _defineProperty(e, r, t) {
38
+ return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
39
+ value: t,
40
+ enumerable: !0,
41
+ configurable: !0,
42
+ writable: !0
43
+ }) : e[r] = t, e;
44
+ }
45
+ function _iterableToArray(r) {
46
+ if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
47
+ }
48
+ function _iterableToArrayLimit(r, l) {
49
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
50
+ if (null != t) {
51
+ var e,
52
+ n,
53
+ i,
54
+ u,
55
+ a = [],
56
+ f = !0,
57
+ o = !1;
58
+ try {
59
+ if (i = (t = t.call(r)).next, 0 === l) {
60
+ if (Object(t) !== t) return;
61
+ f = !1;
62
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
63
+ } catch (r) {
64
+ o = !0, n = r;
65
+ } finally {
66
+ try {
67
+ if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
68
+ } finally {
69
+ if (o) throw n;
70
+ }
71
+ }
72
+ return a;
73
+ }
74
+ }
75
+ function _nonIterableRest() {
76
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
77
+ }
78
+ function _nonIterableSpread() {
79
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
80
+ }
81
+ function ownKeys(e, r) {
82
+ var t = Object.keys(e);
83
+ if (Object.getOwnPropertySymbols) {
84
+ var o = Object.getOwnPropertySymbols(e);
85
+ r && (o = o.filter(function (r) {
86
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
87
+ })), t.push.apply(t, o);
88
+ }
89
+ return t;
90
+ }
91
+ function _objectSpread2(e) {
92
+ for (var r = 1; r < arguments.length; r++) {
93
+ var t = null != arguments[r] ? arguments[r] : {};
94
+ r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
95
+ _defineProperty(e, r, t[r]);
96
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
97
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
98
+ });
99
+ }
100
+ return e;
101
+ }
102
+ function _regenerator() {
103
+ /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
104
+ var e,
105
+ t,
106
+ r = "function" == typeof Symbol ? Symbol : {},
107
+ n = r.iterator || "@@iterator",
108
+ o = r.toStringTag || "@@toStringTag";
109
+ function i(r, n, o, i) {
110
+ var c = n && n.prototype instanceof Generator ? n : Generator,
111
+ u = Object.create(c.prototype);
112
+ return _regeneratorDefine(u, "_invoke", function (r, n, o) {
113
+ var i,
114
+ c,
115
+ u,
116
+ f = 0,
117
+ p = o || [],
118
+ y = !1,
119
+ G = {
120
+ p: 0,
121
+ n: 0,
122
+ v: e,
123
+ a: d,
124
+ f: d.bind(e, 4),
125
+ d: function (t, r) {
126
+ return i = t, c = 0, u = e, G.n = r, a;
127
+ }
128
+ };
129
+ function d(r, n) {
130
+ for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
131
+ var o,
132
+ i = p[t],
133
+ d = G.p,
134
+ l = i[2];
135
+ r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
136
+ }
137
+ if (o || r > 1) return a;
138
+ throw y = !0, n;
139
+ }
140
+ return function (o, p, l) {
141
+ if (f > 1) throw TypeError("Generator is already running");
142
+ for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
143
+ i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
144
+ try {
145
+ if (f = 2, i) {
146
+ if (c || (o = "next"), t = i[o]) {
147
+ if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
148
+ if (!t.done) return t;
149
+ u = t.value, c < 2 && (c = 0);
150
+ } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
151
+ i = e;
152
+ } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
153
+ } catch (t) {
154
+ i = e, c = 1, u = t;
155
+ } finally {
156
+ f = 1;
157
+ }
158
+ }
159
+ return {
160
+ value: t,
161
+ done: y
162
+ };
163
+ };
164
+ }(r, o, i), !0), u;
165
+ }
166
+ var a = {};
167
+ function Generator() {}
168
+ function GeneratorFunction() {}
169
+ function GeneratorFunctionPrototype() {}
170
+ t = Object.getPrototypeOf;
171
+ var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
172
+ return this;
173
+ }), t),
174
+ u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
175
+ function f(e) {
176
+ return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
177
+ }
178
+ return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
179
+ return this;
180
+ }), _regeneratorDefine(u, "toString", function () {
181
+ return "[object Generator]";
182
+ }), (_regenerator = function () {
183
+ return {
184
+ w: i,
185
+ m: f
186
+ };
187
+ })();
188
+ }
189
+ function _regeneratorDefine(e, r, n, t) {
190
+ var i = Object.defineProperty;
191
+ try {
192
+ i({}, "", {});
193
+ } catch (e) {
194
+ i = 0;
195
+ }
196
+ _regeneratorDefine = function (e, r, n, t) {
197
+ function o(r, n) {
198
+ _regeneratorDefine(e, r, function (e) {
199
+ return this._invoke(r, n, e);
200
+ });
201
+ }
202
+ r ? i ? i(e, r, {
203
+ value: n,
204
+ enumerable: !t,
205
+ configurable: !t,
206
+ writable: !t
207
+ }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
208
+ }, _regeneratorDefine(e, r, n, t);
209
+ }
210
+ function _slicedToArray(r, e) {
211
+ return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
212
+ }
213
+ function _toConsumableArray(r) {
214
+ return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
215
+ }
216
+ function _toPrimitive(t, r) {
217
+ if ("object" != typeof t || !t) return t;
218
+ var e = t[Symbol.toPrimitive];
219
+ if (void 0 !== e) {
220
+ var i = e.call(t, r || "default");
221
+ if ("object" != typeof i) return i;
222
+ throw new TypeError("@@toPrimitive must return a primitive value.");
223
+ }
224
+ return ("string" === r ? String : Number)(t);
225
+ }
226
+ function _toPropertyKey(t) {
227
+ var i = _toPrimitive(t, "string");
228
+ return "symbol" == typeof i ? i : i + "";
229
+ }
230
+ function _typeof(o) {
231
+ "@babel/helpers - typeof";
232
+
233
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
234
+ return typeof o;
235
+ } : function (o) {
236
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
237
+ }, _typeof(o);
238
+ }
239
+ function _unsupportedIterableToArray(r, a) {
240
+ if (r) {
241
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
242
+ var t = {}.toString.call(r).slice(8, -1);
243
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
244
+ }
245
+ }
246
+
247
+ export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _asyncToGenerator as asyncToGenerator, _defineProperty as defineProperty, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectSpread2 as objectSpread2, _regenerator as regenerator, _regeneratorDefine as regeneratorDefine, _slicedToArray as slicedToArray, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };
package/es/index.js ADDED
@@ -0,0 +1,41 @@
1
+ import SlAlert from './SlAlert/index.vue.js';
2
+ import SlDescriptions from './SlDescriptions/index.vue.js';
3
+ import SlForm from './SlForm/index.vue.js';
4
+ import SlGuide from './SlGuide/index.vue.js';
5
+ import SlPage from './SlPage/index.vue.js';
6
+ import SlTable from './SlTable/index.vue.js';
7
+ import SlTitle from './SlTitle/index.vue.js';
8
+ export { createCommandDialog } from './SlDialog/index.js';
9
+ export { createCommandDialogPlus } from './SlDialog/dialogPlus.js';
10
+ export { createCommandDrawer } from './SlDrawer/index.js';
11
+ export { showConfirmMessageBox } from './SlMessageBox/index.js';
12
+ export { filterKey, generateUniqueId, getValueByPath, hasKey, isMobileDevice, transformName, typeOf } from './utils/index.js';
13
+
14
+ // CPSB Component Library Entry Point
15
+ // Supports Vue.use() global registration and named imports
16
+
17
+ var components = {
18
+ SlAlert: SlAlert,
19
+ SlDescriptions: SlDescriptions,
20
+ SlForm: SlForm,
21
+ SlGuide: SlGuide,
22
+ SlPage: SlPage,
23
+ SlTable: SlTable,
24
+ SlTitle: SlTitle
25
+ };
26
+ function install(Vue) {
27
+ if (install.installed) return;
28
+ install.installed = true;
29
+ Object.keys(components).forEach(function (name) {
30
+ Vue.component(name, components[name]);
31
+ });
32
+ }
33
+ if (typeof window !== 'undefined' && window.Vue) {
34
+ window.Vue.use(install);
35
+ }
36
+ var index = {
37
+ install: install,
38
+ version: '1.0.0'
39
+ };
40
+
41
+ export { SlAlert, SlDescriptions, SlForm, SlGuide, SlPage, SlTable, SlTitle, index as default };
@@ -0,0 +1,7 @@
1
+ import styleInject from '../../../style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = ".shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover,.shepherd-title{color:rgba(0,0,0,.75)}.shepherd-title{display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:\"\";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}";
4
+ var stylesheet=".shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover,.shepherd-title{color:rgba(0,0,0,.75)}.shepherd-title{display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:\"\";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}";
5
+ styleInject(css_248z);
6
+
7
+ export { css_248z as default, stylesheet };
@@ -0,0 +1,28 @@
1
+ function styleInject(css, ref) {
2
+ if ( ref === void 0 ) ref = {};
3
+ var insertAt = ref.insertAt;
4
+
5
+ if (!css || typeof document === 'undefined') { return; }
6
+
7
+ var head = document.head || document.getElementsByTagName('head')[0];
8
+ var style = document.createElement('style');
9
+ style.type = 'text/css';
10
+
11
+ if (insertAt === 'top') {
12
+ if (head.firstChild) {
13
+ head.insertBefore(style, head.firstChild);
14
+ } else {
15
+ head.appendChild(style);
16
+ }
17
+ } else {
18
+ head.appendChild(style);
19
+ }
20
+
21
+ if (style.styleSheet) {
22
+ style.styleSheet.cssText = css;
23
+ } else {
24
+ style.appendChild(document.createTextNode(css));
25
+ }
26
+ }
27
+
28
+ export { styleInject as default };
@@ -0,0 +1,76 @@
1
+ function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
2
+ if (typeof shadowMode !== 'boolean') {
3
+ createInjectorSSR = createInjector;
4
+ createInjector = shadowMode;
5
+ shadowMode = false;
6
+ }
7
+ // Vue.extend constructor export interop.
8
+ const options = typeof script === 'function' ? script.options : script;
9
+ // render functions
10
+ if (template && template.render) {
11
+ options.render = template.render;
12
+ options.staticRenderFns = template.staticRenderFns;
13
+ options._compiled = true;
14
+ // functional template
15
+ if (isFunctionalTemplate) {
16
+ options.functional = true;
17
+ }
18
+ }
19
+ // scopedId
20
+ if (scopeId) {
21
+ options._scopeId = scopeId;
22
+ }
23
+ let hook;
24
+ if (moduleIdentifier) {
25
+ // server build
26
+ hook = function (context) {
27
+ // 2.3 injection
28
+ context =
29
+ context || // cached call
30
+ (this.$vnode && this.$vnode.ssrContext) || // stateful
31
+ (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
32
+ // 2.2 with runInNewContext: true
33
+ if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
34
+ context = __VUE_SSR_CONTEXT__;
35
+ }
36
+ // inject component styles
37
+ if (style) {
38
+ style.call(this, createInjectorSSR(context));
39
+ }
40
+ // register component module identifier for async chunk inference
41
+ if (context && context._registeredComponents) {
42
+ context._registeredComponents.add(moduleIdentifier);
43
+ }
44
+ };
45
+ // used by ssr in case component is cached and beforeCreate
46
+ // never gets called
47
+ options._ssrRegister = hook;
48
+ }
49
+ else if (style) {
50
+ hook = shadowMode
51
+ ? function (context) {
52
+ style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
53
+ }
54
+ : function (context) {
55
+ style.call(this, createInjector(context));
56
+ };
57
+ }
58
+ if (hook) {
59
+ if (options.functional) {
60
+ // register for functional component in vue file
61
+ const originalRender = options.render;
62
+ options.render = function renderWithStyleInjection(h, context) {
63
+ hook.call(context);
64
+ return originalRender(h, context);
65
+ };
66
+ }
67
+ else {
68
+ // inject component registration as beforeCreate hook
69
+ const existing = options.beforeCreate;
70
+ options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
71
+ }
72
+ }
73
+ return script;
74
+ }
75
+
76
+ export { normalizeComponent as default };
@@ -0,0 +1,51 @@
1
+ import { typeof as _typeof } from '../_virtual/_rollupPluginBabelHelpers.js';
2
+ import CryptoJS from 'crypto-js';
3
+
4
+ function typeOf(fn, type) {
5
+ return _typeof(fn) === type;
6
+ }
7
+ function hasKey(obj, keys) {
8
+ if (!Array.isArray(keys) && typeOf(keys, 'string')) {
9
+ return obj.hasOwnProperty(keys);
10
+ }
11
+ return keys.every(function (key) {
12
+ return obj.hasOwnProperty(key);
13
+ });
14
+ }
15
+ function filterKey() {
16
+ var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
17
+ var fiterAry = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
18
+ return Object.keys(obj).filter(function (key) {
19
+ return !fiterAry.includes(key);
20
+ }).reduce(function (pre, key) {
21
+ pre[key] = obj[key];
22
+ return pre;
23
+ }, {});
24
+ }
25
+ function transformName(str) {
26
+ return str.split('-').reduce(function (pre, word) {
27
+ pre += word.slice(0, 1).toUpperCase() + word.slice(1);
28
+ return pre;
29
+ }, '');
30
+ }
31
+ function generateUniqueId(input) {
32
+ try {
33
+ var hash = CryptoJS.SHA256(input);
34
+ return hash.toString(CryptoJS.enc.Base64);
35
+ } catch (error) {
36
+ throw new Error('生成唯一字符失败');
37
+ }
38
+ }
39
+ function getValueByPath(obj, path) {
40
+ if (typeof path === 'string') {
41
+ path = path.split(',');
42
+ }
43
+ return path.reduce(function (acc, key) {
44
+ return acc && acc[key];
45
+ }, obj);
46
+ }
47
+ function isMobileDevice() {
48
+ return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
49
+ }
50
+
51
+ export { filterKey, generateUniqueId, getValueByPath, hasKey, isMobileDevice, transformName, typeOf };
package/package.json ADDED
@@ -0,0 +1,106 @@
1
+ {
2
+ "name": "ylwl-cpscoms",
3
+ "version": "1.0.0",
4
+ "description": "CPSB业务组件库 - Vue2 + Element UI通用业务组件",
5
+ "main": "lib/index.js",
6
+ "module": "es/index.js",
7
+ "unpkg": "dist/cpsb-components.umd.min.js",
8
+ "jsdelivr": "dist/cpsb-components.umd.min.js",
9
+ "files": [
10
+ "es/",
11
+ "lib/",
12
+ "dist/",
13
+ "src/"
14
+ ],
15
+ "sideEffects": [
16
+ "**/*.css",
17
+ "**/*.scss"
18
+ ],
19
+ "scripts": {
20
+ "dev": "vite",
21
+ "build": "npm run build:clean && npm run build:esm",
22
+ "build:fast": "rollup -c --environment FORMAT:esm",
23
+ "build:clean": "rimraf es lib dist",
24
+ "build:esm": "rollup -c --environment FORMAT:esm",
25
+ "build:cjs": "rollup -c --environment FORMAT:cjs",
26
+ "build:umd": "rollup -c --environment FORMAT:umd",
27
+ "test": "jest --config jest.config.js",
28
+ "test:watch": "jest --config jest.config.js --watch",
29
+ "lint": "eslint src/ --ext .js,.vue",
30
+ "lint:fix": "eslint src/ --ext .js,.vue --fix",
31
+ "format": "prettier --write \"src/**/*.{js,vue,css,json}\"",
32
+ "format:check": "prettier --check \"src/**/*.{js,vue,css,json}\"",
33
+ "storybook": "node .storybook/compile-scss.js && start-storybook -p 6006",
34
+ "storybook:restore": "git checkout src/",
35
+ "build-storybook": "build-storybook",
36
+ "prepare": "cd .. && husky install cpsb_components_rollup_vue2_element/.husky || true",
37
+ "prepublishOnly": "npm run build"
38
+ },
39
+ "keywords": [
40
+ "vue2",
41
+ "element-ui",
42
+ "components",
43
+ "cpsb",
44
+ "business-components"
45
+ ],
46
+ "author": "cpsb",
47
+ "license": "MIT",
48
+ "peerDependencies": {
49
+ "element-ui": "^2.15.13",
50
+ "vue": "2.5.17"
51
+ },
52
+ "dependencies": {
53
+ "crypto-js": "^4.1.1"
54
+ },
55
+ "devDependencies": {
56
+ "@babel/core": "^7.24.0",
57
+ "@babel/preset-env": "^7.24.0",
58
+ "@commitlint/cli": "^17.0.0",
59
+ "@commitlint/config-conventional": "^17.0.0",
60
+ "@rollup/plugin-alias": "^5.1.0",
61
+ "@rollup/plugin-babel": "^6.0.4",
62
+ "@rollup/plugin-commonjs": "^25.0.7",
63
+ "@rollup/plugin-node-resolve": "^15.2.3",
64
+ "@rollup/plugin-replace": "^5.0.5",
65
+ "@storybook/addon-actions": "^6.5.16",
66
+ "@storybook/addon-essentials": "^6.5.16",
67
+ "@storybook/addon-links": "^6.5.16",
68
+ "@storybook/vue": "^6.5.16",
69
+ "@vue/test-utils": "^1.3.6",
70
+ "axios": "^0.19.2",
71
+ "babel-eslint": "^10.1.0",
72
+ "babel-jest": "^27.5.1",
73
+ "babel-loader": "^8.3.0",
74
+ "css-loader": "^5.2.7",
75
+ "element-ui": "^2.15.13",
76
+ "eslint": "4.19.1",
77
+ "eslint-plugin-vue": "^5.2.3",
78
+ "husky": "^8.0.3",
79
+ "jest": "^27.5.1",
80
+ "jest-environment-jsdom": "^27.5.1",
81
+ "lint-staged": "^13.0.0",
82
+ "node-sass": "^4.14.1",
83
+ "postcss": "^8.4.35",
84
+ "postcss-import": "^16.1.1",
85
+ "prettier": "^2.8.8",
86
+ "rimraf": "^3.0.2",
87
+ "rollup": "^3.29.4",
88
+ "rollup-plugin-postcss": "^4.0.2",
89
+ "rollup-plugin-terser": "^7.0.2",
90
+ "rollup-plugin-vue": "5.1.9",
91
+ "sass": "^1.71.1",
92
+ "sass-loader": "^10.5.2",
93
+ "shepherd.js": "^11.1.1",
94
+ "sortablejs": "^1.10.2",
95
+ "style-loader": "^2.0.0",
96
+ "vite": "^4.5.3",
97
+ "vite-plugin-vue2": "^2.0.3",
98
+ "vue": "2.5.17",
99
+ "vue-jest": "^3.0.7",
100
+ "vue-loader": "^15.11.1",
101
+ "vue-template-compiler": "2.5.17"
102
+ },
103
+ "engines": {
104
+ "node": ">=18.0.0"
105
+ }
106
+ }
@@ -0,0 +1,108 @@
1
+ import SlAlert from './index.vue'
2
+
3
+ export default {
4
+ title: 'Components/SlAlert',
5
+ component: SlAlert,
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: '温馨提示组件,支持展开/收起消息内容,移动端默认收起。提供 message 和 operate 两个插槽。'
10
+ }
11
+ }
12
+ }
13
+ }
14
+
15
+ // 代码展示通用模板
16
+ const codeBlock = (code) => `
17
+ <div style="margin-top:24px;border-top:1px solid #eee;padding-top:16px">
18
+ <p style="font-size:14px;font-weight:600;color:#666;margin-bottom:8px;">使用代码:</p>
19
+ <pre style="background:#f5f5f5;padding:16px;border-radius:4px;overflow-x:auto;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all"><code>${escapeHtml(code.trim())}</code></pre>
20
+ </div>`
21
+
22
+ function escapeHtml(str) {
23
+ return str
24
+ .replace(/&/g, '&amp;')
25
+ .replace(/</g, '&lt;')
26
+ .replace(/>/g, '&gt;')
27
+ }
28
+
29
+ // ---- 基础用法 ----
30
+ const defaultCode = `<!-- 使用方式 -->
31
+ <sl-alert>
32
+ <template slot="message">
33
+ <p>1. 请确保填写的信息真实有效</p>
34
+ <p>2. 审核通过后将无法修改</p>
35
+ </template>
36
+ </sl-alert>`
37
+
38
+ export const Default = () => ({
39
+ components: { SlAlert },
40
+ template: `
41
+ <div>
42
+ <sl-alert>
43
+ <template slot="message">
44
+ <p>1. 请确保填写的信息真实有效</p>
45
+ <p>2. 审核通过后将无法修改</p>
46
+ </template>
47
+ </sl-alert>
48
+ ${codeBlock(defaultCode)}
49
+ </div>`
50
+ })
51
+
52
+ Default.storyName = '基础用法'
53
+
54
+ // ---- 带操作按钮 ----
55
+ const operateCode = `<!-- 带操作按钮 -->
56
+ <sl-alert>
57
+ <template slot="message">
58
+ <p>操作提示信息</p>
59
+ </template>
60
+ <template slot="operate">
61
+ <el-button type="text" size="mini">查看帮助</el-button>
62
+ </template>
63
+ </sl-alert>`
64
+
65
+ export const WithOperate = () => ({
66
+ components: { SlAlert },
67
+ template: `
68
+ <div>
69
+ <sl-alert>
70
+ <template slot="message">
71
+ <p>操作提示信息</p>
72
+ </template>
73
+ <template slot="operate">
74
+ <el-button type="text" size="mini">查看帮助</el-button>
75
+ </template>
76
+ </sl-alert>
77
+ ${codeBlock(operateCode)}
78
+ </div>`
79
+ })
80
+
81
+ WithOperate.storyName = '带操作按钮'
82
+
83
+ // ---- 多条消息 ----
84
+ const multiCode = `<!-- 多条消息提示 -->
85
+ <sl-alert>
86
+ <template slot="message">
87
+ <p>1. 删除后,该账号自动销号,此操作无法恢复</p>
88
+ <p>2. 删除前请确认所有数据已备份</p>
89
+ <p>3. 如有疑问请联系管理员</p>
90
+ </template>
91
+ </sl-alert>`
92
+
93
+ export const MultiMessage = () => ({
94
+ components: { SlAlert },
95
+ template: `
96
+ <div>
97
+ <sl-alert>
98
+ <template slot="message">
99
+ <p>1. 删除后,该账号自动销号,此操作无法恢复</p>
100
+ <p>2. 删除前请确认所有数据已备份</p>
101
+ <p>3. 如有疑问请联系管理员</p>
102
+ </template>
103
+ </sl-alert>
104
+ ${codeBlock(multiCode)}
105
+ </div>`
106
+ })
107
+
108
+ MultiMessage.storyName = '多条消息'