@1994-du/vue3-ui 0.0.1
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.
- package/README.md +44 -0
- package/lib/demo.html +1 -0
- package/lib/dxtestui.common.js +301 -0
- package/lib/dxtestui.css +1 -0
- package/lib/dxtestui.umd.js +319 -0
- package/lib/dxtestui.umd.min.js +2 -0
- package/package.json +69 -0
- package/vue.config.cjs +17 -0
package/README.md
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# dxui
|
|
2
|
+
|
|
3
|
+
## Project setup
|
|
4
|
+
```
|
|
5
|
+
npm install
|
|
6
|
+
```
|
|
7
|
+
|
|
8
|
+
### Compiles and hot-reloads for development
|
|
9
|
+
```
|
|
10
|
+
npm run serve
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
### Compiles and minifies for production
|
|
14
|
+
```
|
|
15
|
+
npm run build
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
### Lints and fixes files
|
|
19
|
+
```
|
|
20
|
+
npm run lint
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Customize configuration
|
|
24
|
+
See [Configuration Reference](https://cli.vuejs.org/config/).
|
|
25
|
+
|
|
26
|
+
private：false
|
|
27
|
+
scripts-> lib 编译为库
|
|
28
|
+
--target lib 指定打包的目录
|
|
29
|
+
--name 打包后文件名字
|
|
30
|
+
--dest 打包后文件夹名称
|
|
31
|
+
|
|
32
|
+
npm run lib
|
|
33
|
+
git add .
|
|
34
|
+
git commit -m " “
|
|
35
|
+
npm version patch
|
|
36
|
+
git pull
|
|
37
|
+
git push
|
|
38
|
+
|
|
39
|
+
npm login
|
|
40
|
+
|
|
41
|
+
1994-du
|
|
42
|
+
d17751216596.
|
|
43
|
+
|
|
44
|
+
npm publish
|
package/lib/demo.html
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<!doctype html><meta charset="utf-8"><title>dxtestui demo</title><script src="./dxtestui.umd.js"></script><link rel="stylesheet" href="./dxtestui.css"><script>console.log(dxtestui)</script>
|
|
@@ -0,0 +1,301 @@
|
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ var __webpack_modules__ = ({
|
|
4
|
+
|
|
5
|
+
/***/ 241
|
|
6
|
+
(__unused_webpack_module, exports) {
|
|
7
|
+
|
|
8
|
+
var __webpack_unused_export__;
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
__webpack_unused_export__ = ({
|
|
12
|
+
value: true
|
|
13
|
+
});
|
|
14
|
+
// runtime helper for setting properties on components
|
|
15
|
+
// in a tree-shakable way
|
|
16
|
+
exports.A = (sfc, props) => {
|
|
17
|
+
const target = sfc.__vccOpts || sfc;
|
|
18
|
+
for (const [key, val] of props) {
|
|
19
|
+
target[key] = val;
|
|
20
|
+
}
|
|
21
|
+
return target;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
/***/ }
|
|
25
|
+
|
|
26
|
+
/******/ });
|
|
27
|
+
/************************************************************************/
|
|
28
|
+
/******/ // The module cache
|
|
29
|
+
/******/ var __webpack_module_cache__ = {};
|
|
30
|
+
/******/
|
|
31
|
+
/******/ // The require function
|
|
32
|
+
/******/ function __webpack_require__(moduleId) {
|
|
33
|
+
/******/ // Check if module is in cache
|
|
34
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
35
|
+
/******/ if (cachedModule !== undefined) {
|
|
36
|
+
/******/ return cachedModule.exports;
|
|
37
|
+
/******/ }
|
|
38
|
+
/******/ // Create a new module (and put it into the cache)
|
|
39
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
40
|
+
/******/ // no module.id needed
|
|
41
|
+
/******/ // no module.loaded needed
|
|
42
|
+
/******/ exports: {}
|
|
43
|
+
/******/ };
|
|
44
|
+
/******/
|
|
45
|
+
/******/ // Execute the module function
|
|
46
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
47
|
+
/******/
|
|
48
|
+
/******/ // Return the exports of the module
|
|
49
|
+
/******/ return module.exports;
|
|
50
|
+
/******/ }
|
|
51
|
+
/******/
|
|
52
|
+
/************************************************************************/
|
|
53
|
+
/******/ /* webpack/runtime/define property getters */
|
|
54
|
+
/******/ (() => {
|
|
55
|
+
/******/ // define getter functions for harmony exports
|
|
56
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
57
|
+
/******/ for(var key in definition) {
|
|
58
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
59
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
60
|
+
/******/ }
|
|
61
|
+
/******/ }
|
|
62
|
+
/******/ };
|
|
63
|
+
/******/ })();
|
|
64
|
+
/******/
|
|
65
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
66
|
+
/******/ (() => {
|
|
67
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
68
|
+
/******/ })();
|
|
69
|
+
/******/
|
|
70
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
71
|
+
/******/ (() => {
|
|
72
|
+
/******/ // define __esModule on exports
|
|
73
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
74
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
75
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
76
|
+
/******/ }
|
|
77
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
78
|
+
/******/ };
|
|
79
|
+
/******/ })();
|
|
80
|
+
/******/
|
|
81
|
+
/******/ /* webpack/runtime/publicPath */
|
|
82
|
+
/******/ (() => {
|
|
83
|
+
/******/ __webpack_require__.p = "";
|
|
84
|
+
/******/ })();
|
|
85
|
+
/******/
|
|
86
|
+
/************************************************************************/
|
|
87
|
+
var __webpack_exports__ = {};
|
|
88
|
+
// ESM COMPAT FLAG
|
|
89
|
+
__webpack_require__.r(__webpack_exports__);
|
|
90
|
+
|
|
91
|
+
// EXPORTS
|
|
92
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
93
|
+
"default": () => (/* binding */ entry_lib)
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
|
|
97
|
+
/* eslint-disable no-var */
|
|
98
|
+
// This file is imported into lib/wc client bundles.
|
|
99
|
+
|
|
100
|
+
if (typeof window !== 'undefined') {
|
|
101
|
+
var currentScript = window.document.currentScript
|
|
102
|
+
if (false) // removed by dead control flow
|
|
103
|
+
{ var getCurrentScript; }
|
|
104
|
+
|
|
105
|
+
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
|
|
106
|
+
if (src) {
|
|
107
|
+
__webpack_require__.p = src[1] // eslint-disable-line
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
// Indicate to webpack that this file can be concatenated
|
|
112
|
+
/* harmony default export */ const setPublicPath = (null);
|
|
113
|
+
|
|
114
|
+
;// external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
115
|
+
const external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject = require("vue");
|
|
116
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxButton/dxButton.vue?vue&type=script&setup=true&lang=js
|
|
117
|
+
|
|
118
|
+
/* harmony default export */ const dxButtonvue_type_script_setup_true_lang_js = ({
|
|
119
|
+
__name: 'dxButton',
|
|
120
|
+
props: {
|
|
121
|
+
type: String
|
|
122
|
+
},
|
|
123
|
+
emits: ['click'],
|
|
124
|
+
setup: function setup(__props, _ref) {
|
|
125
|
+
var __emit = _ref.emit;
|
|
126
|
+
var props = __props;
|
|
127
|
+
var emit = __emit;
|
|
128
|
+
var clickHandle = function clickHandle() {
|
|
129
|
+
emit('click');
|
|
130
|
+
};
|
|
131
|
+
return function (_ctx, _cache) {
|
|
132
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
|
|
133
|
+
onClick: clickHandle,
|
|
134
|
+
type: "button",
|
|
135
|
+
"class": (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["dx_button", 'dx_button_' + "".concat(__props.type)])
|
|
136
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 2);
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
;// ./packages/dxButton/dxButton.vue?vue&type=script&setup=true&lang=js
|
|
141
|
+
|
|
142
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxButton/dxButton.vue?vue&type=style&index=0&id=5090ee09&lang=less&scoped=true
|
|
143
|
+
// extracted by mini-css-extract-plugin
|
|
144
|
+
|
|
145
|
+
;// ./packages/dxButton/dxButton.vue?vue&type=style&index=0&id=5090ee09&lang=less&scoped=true
|
|
146
|
+
|
|
147
|
+
// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
|
|
148
|
+
var exportHelper = __webpack_require__(241);
|
|
149
|
+
;// ./packages/dxButton/dxButton.vue
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
;
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(dxButtonvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-5090ee09"]])
|
|
157
|
+
|
|
158
|
+
/* harmony default export */ const dxButton = (__exports__);
|
|
159
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxCard/dxCard.vue?vue&type=script&setup=true&name=dxCard&lang=js
|
|
160
|
+
|
|
161
|
+
var _hoisted_1 = {
|
|
162
|
+
"class": "dx-card"
|
|
163
|
+
};
|
|
164
|
+
/* harmony default export */ const dxCardvue_type_script_setup_true_name_dxCard_lang_js = ({
|
|
165
|
+
__name: 'dxCard',
|
|
166
|
+
setup: function setup(__props) {
|
|
167
|
+
// import { defineProps } from 'vue'
|
|
168
|
+
|
|
169
|
+
return function (_ctx, _cache) {
|
|
170
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]);
|
|
171
|
+
};
|
|
172
|
+
}
|
|
173
|
+
});
|
|
174
|
+
;// ./packages/dxCard/dxCard.vue?vue&type=script&setup=true&name=dxCard&lang=js
|
|
175
|
+
|
|
176
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxCard/dxCard.vue?vue&type=style&index=0&id=6903fa4b&lang=less&scoped=true
|
|
177
|
+
// extracted by mini-css-extract-plugin
|
|
178
|
+
|
|
179
|
+
;// ./packages/dxCard/dxCard.vue?vue&type=style&index=0&id=6903fa4b&lang=less&scoped=true
|
|
180
|
+
|
|
181
|
+
;// ./packages/dxCard/dxCard.vue
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
;
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
const dxCard_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(dxCardvue_type_script_setup_true_name_dxCard_lang_js, [['__scopeId',"data-v-6903fa4b"]])
|
|
189
|
+
|
|
190
|
+
/* harmony default export */ const dxCard = (dxCard_exports_);
|
|
191
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxSwitch/dxSwitch.vue?vue&type=script&setup=true&name=dxSwitch&lang=js
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
/* harmony default export */ const dxSwitchvue_type_script_setup_true_name_dxSwitch_lang_js = ({
|
|
195
|
+
__name: 'dxSwitch',
|
|
196
|
+
props: {
|
|
197
|
+
moduleValue: {
|
|
198
|
+
type: Boolean,
|
|
199
|
+
"default": false
|
|
200
|
+
},
|
|
201
|
+
// 轨道激活颜色
|
|
202
|
+
trackActiveColor: {
|
|
203
|
+
type: String,
|
|
204
|
+
"default": '#13ce66'
|
|
205
|
+
},
|
|
206
|
+
trackInactiveColor: {
|
|
207
|
+
type: String,
|
|
208
|
+
"default": '#eee'
|
|
209
|
+
},
|
|
210
|
+
// 滑块激活颜色
|
|
211
|
+
strokeActiveColor: {
|
|
212
|
+
type: String,
|
|
213
|
+
"default": '#fff'
|
|
214
|
+
},
|
|
215
|
+
strokeInactiveColor: {
|
|
216
|
+
type: String,
|
|
217
|
+
"default": '#fff'
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
emits: ['update:modelValue'],
|
|
221
|
+
setup: function setup(__props, _ref) {
|
|
222
|
+
var __emit = _ref.emit;
|
|
223
|
+
var track = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
|
|
224
|
+
var stroke = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
|
|
225
|
+
var test = {
|
|
226
|
+
name: 'dxSwitch',
|
|
227
|
+
age: 31
|
|
228
|
+
};
|
|
229
|
+
var props = __props;
|
|
230
|
+
var emits = __emit;
|
|
231
|
+
var isActive = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
|
|
232
|
+
var handleSwitch = function handleSwitch() {
|
|
233
|
+
isActive.value = !isActive.value;
|
|
234
|
+
emits('update:modelValue', isActive.value);
|
|
235
|
+
};
|
|
236
|
+
return function (_ctx, _cache) {
|
|
237
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
|
|
238
|
+
ref_key: "track",
|
|
239
|
+
ref: track,
|
|
240
|
+
"class": "dx_switch_wrap",
|
|
241
|
+
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
|
|
242
|
+
'background-color': isActive.value ? __props.trackActiveColor : __props.trackInactiveColor
|
|
243
|
+
}),
|
|
244
|
+
onClick: handleSwitch
|
|
245
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
|
|
246
|
+
ref_key: "stroke",
|
|
247
|
+
ref: stroke,
|
|
248
|
+
"class": "dx_switch",
|
|
249
|
+
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
|
|
250
|
+
'background-color': isActive.value ? __props.strokeActiveColor : __props.strokeInactiveColor,
|
|
251
|
+
'transform': isActive.value ? "translateX(".concat(track.value.offsetWidth - stroke.value.offsetWidth - 10, "px)") : 'translateX(0)',
|
|
252
|
+
'color': isActive.value ? '#000' : 'gray'
|
|
253
|
+
})
|
|
254
|
+
}, [!isActive.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon", {
|
|
255
|
+
key: 0
|
|
256
|
+
}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), isActive.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "activeIcon", {
|
|
257
|
+
key: 1
|
|
258
|
+
}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 4)], 4);
|
|
259
|
+
};
|
|
260
|
+
}
|
|
261
|
+
});
|
|
262
|
+
;// ./packages/dxSwitch/dxSwitch.vue?vue&type=script&setup=true&name=dxSwitch&lang=js
|
|
263
|
+
|
|
264
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxSwitch/dxSwitch.vue?vue&type=style&index=0&id=55c3aa4e&scoped=true&lang=less
|
|
265
|
+
// extracted by mini-css-extract-plugin
|
|
266
|
+
|
|
267
|
+
;// ./packages/dxSwitch/dxSwitch.vue?vue&type=style&index=0&id=55c3aa4e&scoped=true&lang=less
|
|
268
|
+
|
|
269
|
+
;// ./packages/dxSwitch/dxSwitch.vue
|
|
270
|
+
|
|
271
|
+
|
|
272
|
+
|
|
273
|
+
;
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
const dxSwitch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(dxSwitchvue_type_script_setup_true_name_dxSwitch_lang_js, [['__scopeId',"data-v-55c3aa4e"]])
|
|
277
|
+
|
|
278
|
+
/* harmony default export */ const dxSwitch = (dxSwitch_exports_);
|
|
279
|
+
;// ./packages/index.js
|
|
280
|
+
// 导入所有组件
|
|
281
|
+
|
|
282
|
+
|
|
283
|
+
|
|
284
|
+
/* harmony default export */ const packages_0 = ({
|
|
285
|
+
install: function install(app) {
|
|
286
|
+
// 注册所有组件
|
|
287
|
+
app.component(dxButton.__name, dxButton);
|
|
288
|
+
app.component(dxCard.__name, dxCard);
|
|
289
|
+
app.component(dxSwitch.__name, dxSwitch);
|
|
290
|
+
}
|
|
291
|
+
});
|
|
292
|
+
;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
|
|
293
|
+
|
|
294
|
+
|
|
295
|
+
/* harmony default export */ const entry_lib = (packages_0);
|
|
296
|
+
|
|
297
|
+
|
|
298
|
+
module.exports = __webpack_exports__;
|
|
299
|
+
/******/ })()
|
|
300
|
+
;
|
|
301
|
+
//# sourceMappingURL=dxtestui.common.js.map
|
package/lib/dxtestui.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dx_button[data-v-5090ee09]{font-size:14px;cursor:pointer}.dx_button[data-v-5090ee09]:hover{border-color:#31afe9}.dx_button_default[data-v-5090ee09]{padding:5px 10px;border-radius:5px;background-color:#fff;border:1px solid #eee}.dx-card[data-v-6903fa4b]{border-radius:5px;background-color:#fff;padding:10px;min-width:100px;min-height:100px;border:1px solid #eee;box-shadow:1px 1px 3px 3px #eee;margin:10px}.dx-card[data-v-6903fa4b]:hover{box-shadow:1px 1px 5px 5px #eee}.dx_switch_wrap[data-v-55c3aa4e]{width:50px;height:30px;border-radius:15px;display:flex;align-items:center;padding:0 5px;cursor:pointer}.dx_switch_wrap .dx_switch[data-v-55c3aa4e]{width:20px;height:20px;border-radius:50%;transition:all .3s;display:flex;justify-content:center}
|
|
@@ -0,0 +1,319 @@
|
|
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
+
module.exports = factory(require("vue"));
|
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
|
5
|
+
define([], factory);
|
|
6
|
+
else if(typeof exports === 'object')
|
|
7
|
+
exports["dxtestui"] = factory(require("vue"));
|
|
8
|
+
else
|
|
9
|
+
root["dxtestui"] = factory(root["Vue"]);
|
|
10
|
+
})((typeof self !== 'undefined' ? self : this), (__WEBPACK_EXTERNAL_MODULE__274__) => {
|
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
|
12
|
+
/******/ "use strict";
|
|
13
|
+
/******/ var __webpack_modules__ = ({
|
|
14
|
+
|
|
15
|
+
/***/ 907
|
|
16
|
+
(__unused_webpack_module, exports) {
|
|
17
|
+
|
|
18
|
+
var __webpack_unused_export__;
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
__webpack_unused_export__ = ({
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
// runtime helper for setting properties on components
|
|
25
|
+
// in a tree-shakable way
|
|
26
|
+
exports.A = (sfc, props) => {
|
|
27
|
+
const target = sfc.__vccOpts || sfc;
|
|
28
|
+
for (const [key, val] of props) {
|
|
29
|
+
target[key] = val;
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
/***/ },
|
|
35
|
+
|
|
36
|
+
/***/ 274
|
|
37
|
+
(module) {
|
|
38
|
+
|
|
39
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__274__;
|
|
40
|
+
|
|
41
|
+
/***/ }
|
|
42
|
+
|
|
43
|
+
/******/ });
|
|
44
|
+
/************************************************************************/
|
|
45
|
+
/******/ // The module cache
|
|
46
|
+
/******/ var __webpack_module_cache__ = {};
|
|
47
|
+
/******/
|
|
48
|
+
/******/ // The require function
|
|
49
|
+
/******/ function __webpack_require__(moduleId) {
|
|
50
|
+
/******/ // Check if module is in cache
|
|
51
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
52
|
+
/******/ if (cachedModule !== undefined) {
|
|
53
|
+
/******/ return cachedModule.exports;
|
|
54
|
+
/******/ }
|
|
55
|
+
/******/ // Create a new module (and put it into the cache)
|
|
56
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
57
|
+
/******/ // no module.id needed
|
|
58
|
+
/******/ // no module.loaded needed
|
|
59
|
+
/******/ exports: {}
|
|
60
|
+
/******/ };
|
|
61
|
+
/******/
|
|
62
|
+
/******/ // Execute the module function
|
|
63
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
64
|
+
/******/
|
|
65
|
+
/******/ // Return the exports of the module
|
|
66
|
+
/******/ return module.exports;
|
|
67
|
+
/******/ }
|
|
68
|
+
/******/
|
|
69
|
+
/************************************************************************/
|
|
70
|
+
/******/ /* webpack/runtime/define property getters */
|
|
71
|
+
/******/ (() => {
|
|
72
|
+
/******/ // define getter functions for harmony exports
|
|
73
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
74
|
+
/******/ for(var key in definition) {
|
|
75
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
76
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
77
|
+
/******/ }
|
|
78
|
+
/******/ }
|
|
79
|
+
/******/ };
|
|
80
|
+
/******/ })();
|
|
81
|
+
/******/
|
|
82
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
83
|
+
/******/ (() => {
|
|
84
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
85
|
+
/******/ })();
|
|
86
|
+
/******/
|
|
87
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
88
|
+
/******/ (() => {
|
|
89
|
+
/******/ // define __esModule on exports
|
|
90
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
91
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
92
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
93
|
+
/******/ }
|
|
94
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
95
|
+
/******/ };
|
|
96
|
+
/******/ })();
|
|
97
|
+
/******/
|
|
98
|
+
/******/ /* webpack/runtime/publicPath */
|
|
99
|
+
/******/ (() => {
|
|
100
|
+
/******/ __webpack_require__.p = "";
|
|
101
|
+
/******/ })();
|
|
102
|
+
/******/
|
|
103
|
+
/************************************************************************/
|
|
104
|
+
var __webpack_exports__ = {};
|
|
105
|
+
// ESM COMPAT FLAG
|
|
106
|
+
__webpack_require__.r(__webpack_exports__);
|
|
107
|
+
|
|
108
|
+
// EXPORTS
|
|
109
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
110
|
+
"default": () => (/* binding */ entry_lib)
|
|
111
|
+
});
|
|
112
|
+
|
|
113
|
+
;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
|
|
114
|
+
/* eslint-disable no-var */
|
|
115
|
+
// This file is imported into lib/wc client bundles.
|
|
116
|
+
|
|
117
|
+
if (typeof window !== 'undefined') {
|
|
118
|
+
var currentScript = window.document.currentScript
|
|
119
|
+
if (false) // removed by dead control flow
|
|
120
|
+
{ var getCurrentScript; }
|
|
121
|
+
|
|
122
|
+
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
|
|
123
|
+
if (src) {
|
|
124
|
+
__webpack_require__.p = src[1] // eslint-disable-line
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
// Indicate to webpack that this file can be concatenated
|
|
129
|
+
/* harmony default export */ const setPublicPath = (null);
|
|
130
|
+
|
|
131
|
+
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
132
|
+
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(274);
|
|
133
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxButton/dxButton.vue?vue&type=script&setup=true&lang=js
|
|
134
|
+
|
|
135
|
+
/* harmony default export */ const dxButtonvue_type_script_setup_true_lang_js = ({
|
|
136
|
+
__name: 'dxButton',
|
|
137
|
+
props: {
|
|
138
|
+
type: String
|
|
139
|
+
},
|
|
140
|
+
emits: ['click'],
|
|
141
|
+
setup: function setup(__props, _ref) {
|
|
142
|
+
var __emit = _ref.emit;
|
|
143
|
+
var props = __props;
|
|
144
|
+
var emit = __emit;
|
|
145
|
+
var clickHandle = function clickHandle() {
|
|
146
|
+
emit('click');
|
|
147
|
+
};
|
|
148
|
+
return function (_ctx, _cache) {
|
|
149
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
|
|
150
|
+
onClick: clickHandle,
|
|
151
|
+
type: "button",
|
|
152
|
+
"class": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["dx_button", 'dx_button_' + "".concat(__props.type)])
|
|
153
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2);
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
});
|
|
157
|
+
;// ./packages/dxButton/dxButton.vue?vue&type=script&setup=true&lang=js
|
|
158
|
+
|
|
159
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxButton/dxButton.vue?vue&type=style&index=0&id=5090ee09&lang=less&scoped=true
|
|
160
|
+
// extracted by mini-css-extract-plugin
|
|
161
|
+
|
|
162
|
+
;// ./packages/dxButton/dxButton.vue?vue&type=style&index=0&id=5090ee09&lang=less&scoped=true
|
|
163
|
+
|
|
164
|
+
// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
|
|
165
|
+
var exportHelper = __webpack_require__(907);
|
|
166
|
+
;// ./packages/dxButton/dxButton.vue
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
;
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(dxButtonvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-5090ee09"]])
|
|
174
|
+
|
|
175
|
+
/* harmony default export */ const dxButton = (__exports__);
|
|
176
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxCard/dxCard.vue?vue&type=script&setup=true&name=dxCard&lang=js
|
|
177
|
+
|
|
178
|
+
var _hoisted_1 = {
|
|
179
|
+
"class": "dx-card"
|
|
180
|
+
};
|
|
181
|
+
/* harmony default export */ const dxCardvue_type_script_setup_true_name_dxCard_lang_js = ({
|
|
182
|
+
__name: 'dxCard',
|
|
183
|
+
setup: function setup(__props) {
|
|
184
|
+
// import { defineProps } from 'vue'
|
|
185
|
+
|
|
186
|
+
return function (_ctx, _cache) {
|
|
187
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")]);
|
|
188
|
+
};
|
|
189
|
+
}
|
|
190
|
+
});
|
|
191
|
+
;// ./packages/dxCard/dxCard.vue?vue&type=script&setup=true&name=dxCard&lang=js
|
|
192
|
+
|
|
193
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxCard/dxCard.vue?vue&type=style&index=0&id=6903fa4b&lang=less&scoped=true
|
|
194
|
+
// extracted by mini-css-extract-plugin
|
|
195
|
+
|
|
196
|
+
;// ./packages/dxCard/dxCard.vue?vue&type=style&index=0&id=6903fa4b&lang=less&scoped=true
|
|
197
|
+
|
|
198
|
+
;// ./packages/dxCard/dxCard.vue
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
;
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
const dxCard_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(dxCardvue_type_script_setup_true_name_dxCard_lang_js, [['__scopeId',"data-v-6903fa4b"]])
|
|
206
|
+
|
|
207
|
+
/* harmony default export */ const dxCard = (dxCard_exports_);
|
|
208
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxSwitch/dxSwitch.vue?vue&type=script&setup=true&name=dxSwitch&lang=js
|
|
209
|
+
|
|
210
|
+
|
|
211
|
+
/* harmony default export */ const dxSwitchvue_type_script_setup_true_name_dxSwitch_lang_js = ({
|
|
212
|
+
__name: 'dxSwitch',
|
|
213
|
+
props: {
|
|
214
|
+
moduleValue: {
|
|
215
|
+
type: Boolean,
|
|
216
|
+
"default": false
|
|
217
|
+
},
|
|
218
|
+
// 轨道激活颜色
|
|
219
|
+
trackActiveColor: {
|
|
220
|
+
type: String,
|
|
221
|
+
"default": '#13ce66'
|
|
222
|
+
},
|
|
223
|
+
trackInactiveColor: {
|
|
224
|
+
type: String,
|
|
225
|
+
"default": '#eee'
|
|
226
|
+
},
|
|
227
|
+
// 滑块激活颜色
|
|
228
|
+
strokeActiveColor: {
|
|
229
|
+
type: String,
|
|
230
|
+
"default": '#fff'
|
|
231
|
+
},
|
|
232
|
+
strokeInactiveColor: {
|
|
233
|
+
type: String,
|
|
234
|
+
"default": '#fff'
|
|
235
|
+
}
|
|
236
|
+
},
|
|
237
|
+
emits: ['update:modelValue'],
|
|
238
|
+
setup: function setup(__props, _ref) {
|
|
239
|
+
var __emit = _ref.emit;
|
|
240
|
+
var track = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
241
|
+
var stroke = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
242
|
+
var test = {
|
|
243
|
+
name: 'dxSwitch',
|
|
244
|
+
age: 31
|
|
245
|
+
};
|
|
246
|
+
var props = __props;
|
|
247
|
+
var emits = __emit;
|
|
248
|
+
var isActive = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
249
|
+
var handleSwitch = function handleSwitch() {
|
|
250
|
+
isActive.value = !isActive.value;
|
|
251
|
+
emits('update:modelValue', isActive.value);
|
|
252
|
+
};
|
|
253
|
+
return function (_ctx, _cache) {
|
|
254
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
255
|
+
ref_key: "track",
|
|
256
|
+
ref: track,
|
|
257
|
+
"class": "dx_switch_wrap",
|
|
258
|
+
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)({
|
|
259
|
+
'background-color': isActive.value ? __props.trackActiveColor : __props.trackInactiveColor
|
|
260
|
+
}),
|
|
261
|
+
onClick: handleSwitch
|
|
262
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
263
|
+
ref_key: "stroke",
|
|
264
|
+
ref: stroke,
|
|
265
|
+
"class": "dx_switch",
|
|
266
|
+
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)({
|
|
267
|
+
'background-color': isActive.value ? __props.strokeActiveColor : __props.strokeInactiveColor,
|
|
268
|
+
'transform': isActive.value ? "translateX(".concat(track.value.offsetWidth - stroke.value.offsetWidth - 10, "px)") : 'translateX(0)',
|
|
269
|
+
'color': isActive.value ? '#000' : 'gray'
|
|
270
|
+
})
|
|
271
|
+
}, [!isActive.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon", {
|
|
272
|
+
key: 0
|
|
273
|
+
}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), isActive.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "activeIcon", {
|
|
274
|
+
key: 1
|
|
275
|
+
}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 4)], 4);
|
|
276
|
+
};
|
|
277
|
+
}
|
|
278
|
+
});
|
|
279
|
+
;// ./packages/dxSwitch/dxSwitch.vue?vue&type=script&setup=true&name=dxSwitch&lang=js
|
|
280
|
+
|
|
281
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/dxSwitch/dxSwitch.vue?vue&type=style&index=0&id=55c3aa4e&scoped=true&lang=less
|
|
282
|
+
// extracted by mini-css-extract-plugin
|
|
283
|
+
|
|
284
|
+
;// ./packages/dxSwitch/dxSwitch.vue?vue&type=style&index=0&id=55c3aa4e&scoped=true&lang=less
|
|
285
|
+
|
|
286
|
+
;// ./packages/dxSwitch/dxSwitch.vue
|
|
287
|
+
|
|
288
|
+
|
|
289
|
+
|
|
290
|
+
;
|
|
291
|
+
|
|
292
|
+
|
|
293
|
+
const dxSwitch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(dxSwitchvue_type_script_setup_true_name_dxSwitch_lang_js, [['__scopeId',"data-v-55c3aa4e"]])
|
|
294
|
+
|
|
295
|
+
/* harmony default export */ const dxSwitch = (dxSwitch_exports_);
|
|
296
|
+
;// ./packages/index.js
|
|
297
|
+
// 导入所有组件
|
|
298
|
+
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
/* harmony default export */ const packages_0 = ({
|
|
302
|
+
install: function install(app) {
|
|
303
|
+
// 注册所有组件
|
|
304
|
+
app.component(dxButton.__name, dxButton);
|
|
305
|
+
app.component(dxCard.__name, dxCard);
|
|
306
|
+
app.component(dxSwitch.__name, dxSwitch);
|
|
307
|
+
}
|
|
308
|
+
});
|
|
309
|
+
;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
|
|
310
|
+
|
|
311
|
+
|
|
312
|
+
/* harmony default export */ const entry_lib = (packages_0);
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
/******/ return __webpack_exports__;
|
|
316
|
+
/******/ })()
|
|
317
|
+
;
|
|
318
|
+
});
|
|
319
|
+
//# sourceMappingURL=dxtestui.umd.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["dxtestui"]=t(require("vue")):e["dxtestui"]=t(e["Vue"])})("undefined"!==typeof self?self:this,e=>(()=>{"use strict";var t={868(e,t){t.A=(e,t)=>{const o=e.__vccOpts||e;for(const[r,n]of t)o[r]=n;return o}},274(t){t.exports=e}},o={};function r(e){var n=o[e];if(void 0!==n)return n.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,r),a.exports}(()=>{r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})(),(()=>{r.p=""})();var n={};if(r.r(n),r.d(n,{default:()=>b}),"undefined"!==typeof window){var a=window.document.currentScript,l=a&&a.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);l&&(r.p=l[1])}var c=r(274);const u={__name:"dxButton",props:{type:String},emits:["click"],setup:function(e,t){var o=t.emit,r=o,n=function(){r("click")};return function(t,o){return(0,c.openBlock)(),(0,c.createElementBlock)("button",{onClick:n,type:"button",class:(0,c.normalizeClass)(["dx_button","dx_button_"+"".concat(e.type)])},[(0,c.renderSlot)(t.$slots,"default")],2)}}};var i=r(868);const s=(0,i.A)(u,[["__scopeId","data-v-5090ee09"]]),d=s;var f={class:"dx-card"};const p={__name:"dxCard",setup:function(e){return function(e,t){return(0,c.openBlock)(),(0,c.createElementBlock)("div",f,[(0,c.renderSlot)(e.$slots,"default")])}}},v=(0,i.A)(p,[["__scopeId","data-v-6903fa4b"]]),m=v,y={__name:"dxSwitch",props:{moduleValue:{type:Boolean,default:!1},trackActiveColor:{type:String,default:"#13ce66"},trackInactiveColor:{type:String,default:"#eee"},strokeActiveColor:{type:String,default:"#fff"},strokeInactiveColor:{type:String,default:"#fff"}},emits:["update:modelValue"],setup:function(e,t){var o=t.emit,r=(0,c.ref)(null),n=(0,c.ref)(null),a=o,l=(0,c.ref)(!1),u=function(){l.value=!l.value,a("update:modelValue",l.value)};return function(t,o){return(0,c.openBlock)(),(0,c.createElementBlock)("div",{ref_key:"track",ref:r,class:"dx_switch_wrap",style:(0,c.normalizeStyle)({"background-color":l.value?e.trackActiveColor:e.trackInactiveColor}),onClick:u},[(0,c.createElementVNode)("div",{ref_key:"stroke",ref:n,class:"dx_switch",style:(0,c.normalizeStyle)({"background-color":l.value?e.strokeActiveColor:e.strokeInactiveColor,transform:l.value?"translateX(".concat(r.value.offsetWidth-n.value.offsetWidth-10,"px)"):"translateX(0)",color:l.value?"#000":"gray"})},[l.value?(0,c.createCommentVNode)("",!0):(0,c.renderSlot)(t.$slots,"icon",{key:0}),l.value?(0,c.renderSlot)(t.$slots,"activeIcon",{key:1}):(0,c.createCommentVNode)("",!0)],4)],4)}}},_=(0,i.A)(y,[["__scopeId","data-v-55c3aa4e"]]),k=_,x={install:function(e){e.component(d.__name,d),e.component(m.__name,m),e.component(k.__name,k)}},b=x;return n})());
|
|
2
|
+
//# sourceMappingURL=dxtestui.umd.min.js.map
|
package/package.json
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@1994-du/vue3-ui",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"private": false,
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
8
|
+
"type": "module",
|
|
9
|
+
"license": "ISC",
|
|
10
|
+
"main": "lib/vue3-ui.common.js",
|
|
11
|
+
"module": "lib/vue3-ui.esm.js",
|
|
12
|
+
"unpkg": "lib/vue3-ui.umd.min.js",
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"import": "lib/vue3-ui.esm.js",
|
|
16
|
+
"require": "lib/vue3-ui.common.js",
|
|
17
|
+
"browser": "lib/vue3-ui.umd.js"
|
|
18
|
+
},
|
|
19
|
+
"./lib/vue3-ui.css": {
|
|
20
|
+
"import": "lib/vue3-ui.css",
|
|
21
|
+
"require": "lib/vue3-ui.css"
|
|
22
|
+
},
|
|
23
|
+
"./dxButton": "lib/dxButton/index.js",
|
|
24
|
+
"./dxCard": "lib/dxCard/index.js",
|
|
25
|
+
"./dxSwitch": "lib/dxSwitch/index.js"
|
|
26
|
+
},
|
|
27
|
+
"scripts": {
|
|
28
|
+
"serve": "vue-cli-service serve",
|
|
29
|
+
"build": "vue-cli-service build",
|
|
30
|
+
"lint": "vue-cli-service lint",
|
|
31
|
+
"lib": "vue-cli-service build --target lib --name vue3-ui --dest lib packages/index.js",
|
|
32
|
+
"build:all": "npm run lib"
|
|
33
|
+
},
|
|
34
|
+
"dependencies": {
|
|
35
|
+
"vue": "^3.2.13",
|
|
36
|
+
"vue-router": "^5.0.2"
|
|
37
|
+
},
|
|
38
|
+
"devDependencies": {
|
|
39
|
+
"@babel/core": "^7.29.0",
|
|
40
|
+
"@babel/eslint-parser": "^7.12.16",
|
|
41
|
+
"@babel/preset-env": "^7.29.0",
|
|
42
|
+
"@vue/cli-plugin-babel": "~5.0.0",
|
|
43
|
+
"@vue/cli-plugin-eslint": "~5.0.0",
|
|
44
|
+
"@vue/cli-service": "~5.0.0",
|
|
45
|
+
"eslint": "^7.32.0",
|
|
46
|
+
"eslint-plugin-vue": "^8.0.3",
|
|
47
|
+
"less": "^3.9.0",
|
|
48
|
+
"less-loader": "^5.0.0"
|
|
49
|
+
},
|
|
50
|
+
"eslintConfig": {
|
|
51
|
+
"root": true,
|
|
52
|
+
"env": {
|
|
53
|
+
"node": true
|
|
54
|
+
},
|
|
55
|
+
"extends": [
|
|
56
|
+
"plugin:vue/vue3-essential",
|
|
57
|
+
"eslint:recommended"
|
|
58
|
+
],
|
|
59
|
+
"rules": {
|
|
60
|
+
"no-unused-vars": "off",
|
|
61
|
+
"no-undef": "off"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
"babel": {
|
|
65
|
+
"presets": [
|
|
66
|
+
"@vue/cli-plugin-babel/preset"
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
}
|
package/vue.config.cjs
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
const { defineConfig } = require('@vue/cli-service')
|
|
2
|
+
|
|
3
|
+
module.exports = defineConfig({
|
|
4
|
+
transpileDependencies: true,
|
|
5
|
+
// 配置构建选项
|
|
6
|
+
css: {
|
|
7
|
+
extract: true
|
|
8
|
+
},
|
|
9
|
+
// 配置页面入口
|
|
10
|
+
pages: {
|
|
11
|
+
index: {
|
|
12
|
+
entry: 'examples/main.js',
|
|
13
|
+
template: 'public/index.html',
|
|
14
|
+
filename: 'index.html'
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
})
|