@taole/dev-helper 0.1.6 → 0.1.7
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/Tdiv/index.js +19 -8
- package/dist/tdiv.umd.js +19 -8
- package/package.json +1 -1
package/Tdiv/index.js
CHANGED
|
@@ -58,7 +58,7 @@ class Tdiv extends HTMLElement {
|
|
|
58
58
|
'_class', 'usePx', '_style', 'src', 'width', 'height', 'absolute', 'fixed',
|
|
59
59
|
'top', 'left', 'right', 'bottom', 'zIndex', 'pointer', 'flex', 'column', 'center',
|
|
60
60
|
'text', 'color', 'radius', 'border', 'borderColor', 'srcMode', 'onClick', 'debug', 'viewportWidth', 'viewportUnit',
|
|
61
|
-
'dot9', 'dot9Border', 'bold'
|
|
61
|
+
'dot9', 'dot9Border', 'bold', 'textEllipsis'
|
|
62
62
|
];
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -228,19 +228,24 @@ class Tdiv extends HTMLElement {
|
|
|
228
228
|
}
|
|
229
229
|
if (src) {
|
|
230
230
|
let realSrc = src;
|
|
231
|
-
if
|
|
232
|
-
realSrc = `
|
|
233
|
-
|
|
234
|
-
|
|
231
|
+
if(src.indexOf('--') == 0){
|
|
232
|
+
realSrc = `var(${src})`;
|
|
233
|
+
} else {
|
|
234
|
+
if (src.indexOf('https://') === -1 && src.indexOf('http://') === -1) {
|
|
235
|
+
realSrc = `https://dynamics-share.tuwan.com/${src}`;
|
|
236
|
+
if (isSupportWebp) {
|
|
237
|
+
realSrc = `https://dynamics-share.tuwan.com/${src}?x-oss-process=image/format,webp/ignore-error,1`;
|
|
238
|
+
}
|
|
235
239
|
}
|
|
240
|
+
realSrc = `url(${realSrc})`;
|
|
236
241
|
}
|
|
237
242
|
if (useDot9) {
|
|
238
|
-
layoutStyle += `border-image:
|
|
243
|
+
layoutStyle += `border-image: ${realSrc} ${dot9.join(" ")} fill;`;
|
|
239
244
|
layoutStyle += `border-width: ${dot9Border.join(" ")};`;
|
|
240
245
|
layoutStyle += `border-style: solid;`;
|
|
241
246
|
layoutStyle += `box-sizing: border-box;`;
|
|
242
247
|
} else {
|
|
243
|
-
layoutStyle += `background-image:
|
|
248
|
+
layoutStyle += `background-image: ${realSrc};`;
|
|
244
249
|
if (srcMode === 'fill') {
|
|
245
250
|
layoutStyle += 'background-size: 100% 100%;';
|
|
246
251
|
} else if (srcMode === 'cover') {
|
|
@@ -248,7 +253,13 @@ class Tdiv extends HTMLElement {
|
|
|
248
253
|
}
|
|
249
254
|
}
|
|
250
255
|
}
|
|
251
|
-
if (color)
|
|
256
|
+
if (color) {
|
|
257
|
+
if(color.indexOf('--') == 0){
|
|
258
|
+
layoutStyle += `color: var(${color});`;
|
|
259
|
+
} else {
|
|
260
|
+
layoutStyle += `color: ${color};`;
|
|
261
|
+
}
|
|
262
|
+
}
|
|
252
263
|
if (styleAttr) layoutStyle += styleAttr;
|
|
253
264
|
if (debug) {
|
|
254
265
|
console.log('layoutStyle', layoutStyle);
|
package/dist/tdiv.umd.js
CHANGED
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
'_class', 'usePx', '_style', 'src', 'width', 'height', 'absolute', 'fixed',
|
|
143
143
|
'top', 'left', 'right', 'bottom', 'zIndex', 'pointer', 'flex', 'column', 'center',
|
|
144
144
|
'text', 'color', 'radius', 'border', 'borderColor', 'srcMode', 'onClick', 'debug', 'viewportWidth', 'viewportUnit',
|
|
145
|
-
'dot9', 'dot9Border', 'bold'
|
|
145
|
+
'dot9', 'dot9Border', 'bold', 'textEllipsis'
|
|
146
146
|
];
|
|
147
147
|
}
|
|
148
148
|
|
|
@@ -312,19 +312,24 @@
|
|
|
312
312
|
}
|
|
313
313
|
if (src) {
|
|
314
314
|
let realSrc = src;
|
|
315
|
-
if
|
|
316
|
-
realSrc = `
|
|
317
|
-
|
|
318
|
-
|
|
315
|
+
if(src.indexOf('--') == 0){
|
|
316
|
+
realSrc = `var(${src})`;
|
|
317
|
+
} else {
|
|
318
|
+
if (src.indexOf('https://') === -1 && src.indexOf('http://') === -1) {
|
|
319
|
+
realSrc = `https://dynamics-share.tuwan.com/${src}`;
|
|
320
|
+
if (isSupportWebp) {
|
|
321
|
+
realSrc = `https://dynamics-share.tuwan.com/${src}?x-oss-process=image/format,webp/ignore-error,1`;
|
|
322
|
+
}
|
|
319
323
|
}
|
|
324
|
+
realSrc = `url(${realSrc})`;
|
|
320
325
|
}
|
|
321
326
|
if (useDot9) {
|
|
322
|
-
layoutStyle += `border-image:
|
|
327
|
+
layoutStyle += `border-image: ${realSrc} ${dot9.join(" ")} fill;`;
|
|
323
328
|
layoutStyle += `border-width: ${dot9Border.join(" ")};`;
|
|
324
329
|
layoutStyle += `border-style: solid;`;
|
|
325
330
|
layoutStyle += `box-sizing: border-box;`;
|
|
326
331
|
} else {
|
|
327
|
-
layoutStyle += `background-image:
|
|
332
|
+
layoutStyle += `background-image: ${realSrc};`;
|
|
328
333
|
if (srcMode === 'fill') {
|
|
329
334
|
layoutStyle += 'background-size: 100% 100%;';
|
|
330
335
|
} else if (srcMode === 'cover') {
|
|
@@ -332,7 +337,13 @@
|
|
|
332
337
|
}
|
|
333
338
|
}
|
|
334
339
|
}
|
|
335
|
-
if (color)
|
|
340
|
+
if (color) {
|
|
341
|
+
if(color.indexOf('--') == 0){
|
|
342
|
+
layoutStyle += `color: var(${color});`;
|
|
343
|
+
} else {
|
|
344
|
+
layoutStyle += `color: ${color};`;
|
|
345
|
+
}
|
|
346
|
+
}
|
|
336
347
|
if (styleAttr) layoutStyle += styleAttr;
|
|
337
348
|
if (debug) {
|
|
338
349
|
console.log('layoutStyle', layoutStyle);
|